Browse Source
2.header 新增判斷是否從藍凌過來的判斷方法 3.wms登入判斷強制改為大寫 4.大日程select優化 5.生管(業務)從M0024 改為 M0079 6.新增 BPM API 到 BPM測試檔案 7.首頁通知顯示bug修正 8.戰情室分布圖 工地 連接資料庫檔案修正及程式排版gary
18 changed files with 1331 additions and 499 deletions
@ -0,0 +1,637 @@ |
|||||
|
<html> |
||||
|
<!doctype html> |
||||
|
<html> |
||||
|
|
||||
|
<head> |
||||
|
<meta charset="utf-8"> |
||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
||||
|
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"> |
||||
|
<title>電梯地圖</title> |
||||
|
<link rel="stylesheet" href="map.css" /> |
||||
|
<link rel="stylesheet" href="style.css" /> |
||||
|
<link rel="stylesheet" href="jsgrid.css"> |
||||
|
<link rel="stylesheet" href="jsgrid-theme.css"> |
||||
|
</head> |
||||
|
|
||||
|
<body> |
||||
|
<div id="map" style="height: 100%"></div> |
||||
|
|
||||
|
<!-- Jquery --> |
||||
|
<script src="js/lib/jquery-3.4.1.min.js"></script> |
||||
|
<!-- Bootstrap--> |
||||
|
<script src="js/lib/popper.min.js"></script> |
||||
|
<script src="js/lib/bootstrap.min.js"></script> |
||||
|
<script src="../da/chart.js/Chart.js"></script> |
||||
|
<script src="js/jsgrid.js"></script> |
||||
|
<script> |
||||
|
// This example displays a marker at the center of Australia. |
||||
|
// When the user clicks the marker, an info window opens. |
||||
|
const urll = location.href; |
||||
|
const wurl = urll.split('phb')[0]; |
||||
|
function initMap() { |
||||
|
var pointURL = wurl + 'phb/map/point.php'; |
||||
|
// var pointURL = wurl + 'phbbackup/map/point.php'; |
||||
|
var points = []; |
||||
|
var currentInfoWindow = null; |
||||
|
$.ajax({ |
||||
|
type: "GET", |
||||
|
url: pointURL, |
||||
|
success: function (msg) { |
||||
|
var result = eval("(" + msg + ")"); |
||||
|
if (result.length > 0) { |
||||
|
for (i = 0; i < result.length; i++) { |
||||
|
var obj = {}; |
||||
|
var longitude = Number(result[i]['longitude']); |
||||
|
var latitude = Number(result[i]['latitude']); |
||||
|
var custormname = result[i]['name']; |
||||
|
obj['lat'] = latitude; |
||||
|
obj['lng'] = longitude; |
||||
|
|
||||
|
var icon = { |
||||
|
url: 'icon/lift.png', |
||||
|
//scaledSize: new google.maps.Size(52, 50), // scaled size |
||||
|
scaledSize: new google.maps.Size(32.4, 31.2), // scaled size |
||||
|
origin: new google.maps.Point(0, 0), // origin |
||||
|
anchor: new google.maps.Point(0, 0) // anchor |
||||
|
}; |
||||
|
const marker = new google.maps.Marker({ |
||||
|
position: obj, |
||||
|
map, |
||||
|
title: custormname, |
||||
|
icon: icon |
||||
|
}); |
||||
|
|
||||
|
const contentString = |
||||
|
'<div class="container">' + |
||||
|
'<div class="row">' + |
||||
|
'<div class="col-md-12">' + |
||||
|
'<div id="choosecontent" style="height: 430px;width: 500px">' + |
||||
|
|
||||
|
'</div>' + |
||||
|
'</div>' + |
||||
|
"</div>" + |
||||
|
"</div>"; |
||||
|
const infowindow = new google.maps.InfoWindow({ |
||||
|
content: contentString |
||||
|
}); |
||||
|
|
||||
|
clickMarker(marker, latitude, infowindow); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
|
||||
|
function clickMarker(marker, latitude, infowindow) { |
||||
|
marker.addListener("click", (e) => { |
||||
|
if (currentInfoWindow != null) { |
||||
|
currentInfoWindow.close(); |
||||
|
} |
||||
|
infowindow.open({ |
||||
|
anchor: marker, |
||||
|
map, |
||||
|
shouldFocus: false, |
||||
|
}); |
||||
|
currentInfoWindow = infowindow; |
||||
|
var chooselat = e.latLng.lat(); |
||||
|
var accountURL = wurl + 'phb/map/account.php?latitude=' + chooselat; |
||||
|
$.ajax({ |
||||
|
type: "GET", |
||||
|
url: accountURL, |
||||
|
success: function (msg) { |
||||
|
var result = eval("(" + msg + ")"); |
||||
|
console.log(result); |
||||
|
var htmltai = ''; |
||||
|
if (result.length > 0) { |
||||
|
for (i = 0; i < result.length; i++) { |
||||
|
var name = result[i]['name']; |
||||
|
var tel = result[i]['tel']; |
||||
|
var address = result[i]['address']; |
||||
|
var repairername = result[i]['repairername']; |
||||
|
var repairertel = result[i]['repairertel']; |
||||
|
var customerid = result[i]['customerid']; |
||||
|
|
||||
|
htmltai += |
||||
|
'<div class="card card-primary card-outline mt-05">' + |
||||
|
'<div class="card-body box-profile">' + |
||||
|
'<h2 class="profile-username text-center">' + name + '</h2>' + |
||||
|
'<p class="lead text-center"><a href="tel:' + tel + '">' + tel + '</a></p>' + |
||||
|
'<p class="lead text-center">' + address + '</p>' + |
||||
|
'<ul class="list-group list-group-unbordered mb-3 lead">' + |
||||
|
'<li class="list-group-item">' + |
||||
|
'<b>保養員</b> <a class="float-right">' + repairername + '</a>' + |
||||
|
'</li>' + |
||||
|
'<li class="list-group-item">' + |
||||
|
'<b>保養員聯繫電話</b> <a class="float-right" href="tel:' + repairertel + '" >' + repairertel + '</a> ' + |
||||
|
'</li>' + |
||||
|
'</ul>' + |
||||
|
'<p class="lead text-center"><a href="#" onclick=jibnen("' + customerid + '","' + chooselat + '")>查看電梯</a></p>' |
||||
|
'</div>' + |
||||
|
'</div>'; |
||||
|
} |
||||
|
$('#choosecontent').empty().append(htmltai); |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
//const uluru = { lat:24.9966186 , lng: 121.1594333 }; |
||||
|
//const uluru = { lat:23.974003045820343 , lng: 120.97981583669126 }; |
||||
|
const uluru = { lat: 23.633310942708295, lng: 120.77153763992857 }; |
||||
|
const map = new google.maps.Map(document.getElementById("map"), { |
||||
|
zoom: 8, |
||||
|
center: uluru, |
||||
|
// disableDefaultUI: true, |
||||
|
}); |
||||
|
|
||||
|
const eledata2 = document.createElement("div"); |
||||
|
eledata2.className = 'gm-style-mtc'; |
||||
|
eledata2.style.cssText = "float: left; position: relative;"; |
||||
|
eledata2.innerHTML = "新竹以南、台南以北建置中。"; |
||||
|
eledata2.style.cssText = "background: none padding-box rgb(255, 255, 255);border: 0px; margin-left: 10px;text-transform: none; -webkit-appearance: none; position: relative; cursor: pointer; user-select: none; direction: ltr; overflow: hidden; text-align: center; height: 24px;width:200px; vertical-align: middle; color: rgb(0, 0, 0); font-family: Roboto, Arial, sans-serif; font-size: 15px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; -webkit-background-clip: padding-box; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; min-width: 36px; font-weight: 500;"; |
||||
|
|
||||
|
const eledata = document.createElement("div"); |
||||
|
eledata.className = 'gm-style-mtc'; |
||||
|
eledata.style.cssText = "float: left; position: relative;"; |
||||
|
const fenbutu = document.createElement("button"); |
||||
|
fenbutu.textContent = "分佈圖"; |
||||
|
fenbutu.style.cssText = "background: none padding-box rgb(255, 255, 255);border: 0px; margin-left: 10px;text-transform: none; -webkit-appearance: none; position: relative; user-select: none; direction: ltr; overflow: hidden; text-align: center; height: 40px;width:70px; vertical-align: middle; color: rgb(0, 0, 0); font-family: Roboto, Arial, sans-serif; font-size: 18px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; -webkit-background-clip: padding-box; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; min-width: 36px; font-weight: 500;"; |
||||
|
eledata.appendChild(fenbutu); |
||||
|
|
||||
|
const eledata1 = document.createElement("div"); |
||||
|
eledata1.className = 'gm-style-mtc xia'; |
||||
|
eledata1.style.cssText = "width:100px;margin-left: 10px;margin-top: 5px; display:none"; |
||||
|
eledata.appendChild(eledata1); |
||||
|
|
||||
|
const dainti = document.createElement("button"); |
||||
|
dainti.textContent = "電梯"; |
||||
|
dainti.style.cssText = "background: none padding-box rgb(255, 255, 255); border: 0px; margin-top: 2px;text-transform: none; -webkit-appearance: none; position: relative; cursor: pointer; user-select: none; direction: ltr; overflow: hidden; text-align: center; height: 40px;width:70px; vertical-align: middle; color: rgb(0, 0, 0); font-family: Roboto, Arial, sans-serif; font-size: 18px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; -webkit-background-clip: padding-box; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; min-width: 36px; font-weight: 500;"; |
||||
|
|
||||
|
const baoyangyuan = document.createElement("button"); |
||||
|
baoyangyuan.textContent = "保養員"; |
||||
|
baoyangyuan.style.cssText = "background: none padding-box rgb(255, 255, 255);border: 0px;margin-top: 2px; text-transform: none; -webkit-appearance: none; position: relative; cursor: pointer; user-select: none; direction: ltr; overflow: hidden; text-align: center; height: 40px;width:70px; vertical-align: middle; color: rgb(0, 0, 0); font-family: Roboto, Arial, sans-serif; font-size: 18px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; -webkit-background-clip: padding-box; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; min-width: 36px; font-weight: 500;"; |
||||
|
const gongchang = document.createElement("button"); |
||||
|
gongchang.textContent = "工廠"; |
||||
|
gongchang.style.cssText = "background: none padding-box rgb(255, 255, 255); border: 0px; margin-top: 2px;text-transform: none; -webkit-appearance: none; position: relative; cursor: pointer; user-select: none; direction: ltr; overflow: hidden; text-align: center; height: 40px;width:70px; vertical-align: middle; color: rgb(0, 0, 0); font-family: Roboto, Arial, sans-serif; font-size: 18px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; -webkit-background-clip: padding-box; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; min-width: 36px; font-weight: 500;"; |
||||
|
|
||||
|
const gongdi = document.createElement("button"); |
||||
|
gongdi.textContent = "工地"; |
||||
|
gongdi.style.cssText = "background: none padding-box rgb(255, 255, 255); border: 0px; margin-top: 2px;text-transform: none; -webkit-appearance: none; position: relative; cursor: pointer; user-select: none; direction: ltr; overflow: hidden; text-align: center; height: 40px;width:70px; vertical-align: middle; color: rgb(0, 0, 0); font-family: Roboto, Arial, sans-serif; font-size: 18px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; -webkit-background-clip: padding-box; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; min-width: 36px; font-weight: 500;"; |
||||
|
|
||||
|
|
||||
|
eledata1.appendChild(dainti); |
||||
|
eledata1.appendChild(baoyangyuan); |
||||
|
eledata1.appendChild(gongchang); |
||||
|
eledata1.appendChild(gongdi); |
||||
|
map.controls[google.maps.ControlPosition.LEFT_TOP].push(eledata); |
||||
|
map.controls[google.maps.ControlPosition.LEFT_BOTTOM].push(eledata2); |
||||
|
|
||||
|
fenbutu.onmouseover = (() => { |
||||
|
eledata1.style.display = "block"; |
||||
|
}) |
||||
|
eledata1.onmouseleave = (() => { |
||||
|
eledata1.style.display = "none"; |
||||
|
}) |
||||
|
dainti.addEventListener('click', () => { |
||||
|
window.location.href = "tw.html"; |
||||
|
}); |
||||
|
baoyangyuan.addEventListener('click', () => { |
||||
|
window.location.href = "person.html"; |
||||
|
}); |
||||
|
gongchang.addEventListener('click', () => { |
||||
|
window.location.href = "factory.html"; |
||||
|
}); |
||||
|
gongdi.addEventListener('click', () => { |
||||
|
window.location.href = "worksite.html"; |
||||
|
}); |
||||
|
|
||||
|
} |
||||
|
|
||||
|
window.initMap = initMap; |
||||
|
|
||||
|
function kehu(chooselng) { |
||||
|
|
||||
|
var accountURL = wurl + 'phb/map/account.php?latitude=' + chooselng; |
||||
|
$.ajax({ |
||||
|
type: "GET", |
||||
|
url: accountURL, |
||||
|
success: function (msg) { |
||||
|
var result = eval("(" + msg + ")"); |
||||
|
console.log(result); |
||||
|
var htmltai = ''; |
||||
|
if (result.length > 0) { |
||||
|
for (i = 0; i < result.length; i++) { |
||||
|
var name = result[i]['name']; |
||||
|
var tel = result[i]['tel']; |
||||
|
var address = result[i]['address']; |
||||
|
var repairername = result[i]['repairername']; |
||||
|
var repairertel = result[i]['repairertel']; |
||||
|
var customerid = result[i]['customerid']; |
||||
|
|
||||
|
htmltai += |
||||
|
'<div class="card card-primary card-outline mt-05">' + |
||||
|
'<div class="card-body box-profile">' + |
||||
|
'<h3 class="profile-username text-center">' + name + '</h3>' + |
||||
|
'<p class="text-muted text-center"><a href="tel:' + tel + '">' + tel + '</a</p>' + |
||||
|
'<p class="text-muted text-center">' + address + ' <a href="#" onclick=jibnen("' + customerid + '","' + chooselng + '")>查看作番</a></p>' + |
||||
|
'<ul class="list-group list-group-unbordered mb-3">' + |
||||
|
'<li class="list-group-item">' + |
||||
|
'<b>保養員</b> <a class="float-right">' + repairername + '</a>' + |
||||
|
'</li>' + |
||||
|
'<li class="list-group-item">' + |
||||
|
'<b>保養員聯繫電話</b> <a class="float-right" href="tel:' + repairertel + '" >' + repairertel + '</a> ' + |
||||
|
'</li>' + |
||||
|
'</ul>' + |
||||
|
'</div>' + |
||||
|
'</div>'; |
||||
|
} |
||||
|
$('#choosecontent').empty().append(htmltai); |
||||
|
|
||||
|
} |
||||
|
|
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
} |
||||
|
function jibnen(customerid, chooselng) { |
||||
|
var facilityURL = wurl + 'phb/map/facility.php?customerid=' + customerid; |
||||
|
$.ajax({ |
||||
|
type: "GET", |
||||
|
url: facilityURL, |
||||
|
success: function (msg) { |
||||
|
var result = eval("(" + msg + ")"); |
||||
|
console.log(result); |
||||
|
var htmlfacility = ''; |
||||
|
htmlfacility = '<div class="card card-primary card-outline">' + |
||||
|
' <div class="appHeader bg-primary text-light">' + |
||||
|
' <div class="left">' + |
||||
|
' <a href="#" onclick=kehu("' + chooselng + '") class="headerButton">' + |
||||
|
' <ion-icon name="chevron-back-outline"></ion-icon>' + |
||||
|
' </a>' + |
||||
|
' </div>' + |
||||
|
' <div class="pageTitle">電梯</div>' + |
||||
|
' </div>' + |
||||
|
'<div class="card-body box-profile" id="facility">' + |
||||
|
|
||||
|
'</div>' + |
||||
|
'</div>'; |
||||
|
|
||||
|
|
||||
|
if (result[0].length > 0) { |
||||
|
var htmlds = ''; |
||||
|
// next month |
||||
|
const date = new Date(); |
||||
|
const ndate = new Date(date.setMonth(date.getMonth() + 1)); |
||||
|
let nextDay = String(ndate.getDate()).padStart(2, '0'); |
||||
|
let nextMonth = String(ndate.getMonth() + 1).padStart(2, "0"); |
||||
|
let nextYear = ndate.getFullYear(); |
||||
|
//let nextDate = `${nextYear}-${nextMonth}-${nextDay}`; |
||||
|
let nextDate = `${nextYear}-${nextMonth}-15`; |
||||
|
|
||||
|
for (i = 0; i < result[0].length; i++) { |
||||
|
var facilityno = result[0][i]['facilityno']; |
||||
|
var address = result[0][i]['address']; |
||||
|
var speed = result[0][i]['speed']; |
||||
|
var numberoffloor = result[0][i]['numberoffloor']; |
||||
|
var numberofstop = (result[0][i]['numberofstop'] == 1) ? "2" : result[0][i]['numberofstop']; // 預設2停 |
||||
|
var actualdate = (result[1][facilityno]) ? result[1][facilityno]['actualdate'] : "預計 " + nextDate; |
||||
|
var sid = (result[1][facilityno]) ? result[1][facilityno]['id'] : "0"; |
||||
|
var schedule_detail = ""; |
||||
|
|
||||
|
// 補丁 actualdate = 展示太久沒更新保養日期做假資料 |
||||
|
actualdate = fakeActualdate(actualdate); |
||||
|
|
||||
|
if (sid > 0) { |
||||
|
schedule_detail += '<li class="list-group-item"><b>保養明細</b> '; |
||||
|
schedule_detail += '<a href="/app/app-maintenance-uploadsuccess-survey.php?id_schedule=' + sid + '&view=Y&actualdate=' + actualdate + '" class="float-right" target="_self">連結</a>'; |
||||
|
schedule_detail += '</li>'; |
||||
|
} |
||||
|
var ckmore = ""; |
||||
|
if (sid > 0) { |
||||
|
ckmore = '<a href="/app/app-maintenance-uploadsuccess-photo-review_v2.php?id_schedule=' + sid + '" target="_self" title="瀏覽保養照片"><img src="icon/camera.png" width="25" style="vertical-align:middle;"></a>'; |
||||
|
} |
||||
|
var baditems = (result[1][facilityno]) ? result[1][facilityno]['baditems'] : ""; |
||||
|
var sresult = ""; |
||||
|
if (baditems) { |
||||
|
if (result[1][facilityno]['item_detail']) { |
||||
|
sresult += '<br><a class="float-left" style="margin-top:6px;">' + baditems + '<br>' + result[1][facilityno]['item_detail'] + '</a>'; |
||||
|
} else { |
||||
|
sresult += '<a class="float-right">' + baditems + '</a>'; |
||||
|
} |
||||
|
} else { |
||||
|
sresult += '<a class="float-right">新梯待保養</a>'; |
||||
|
} |
||||
|
var fault_message = ''; |
||||
|
if (result[2][facilityno]) { |
||||
|
for (j = 0; j < result[2][facilityno].length; j++) { |
||||
|
fault_message += result[2][facilityno][j] + '<br>'; |
||||
|
} |
||||
|
} else fault_message = '狀態正常'; |
||||
|
htmlds += |
||||
|
'<ul class="list-group list-group-unbordered mb-3 lead">' + |
||||
|
'<li class="list-group-item list-group-item-secondary">' + |
||||
|
'<b>電梯ID</b> <a class="float-right">' + facilityno + '</a>' + |
||||
|
'</li>' + |
||||
|
'<li class="list-group-item">' + |
||||
|
'<b>速度</b> <a class="float-right">' + speed + 'm/min</a>' + |
||||
|
'</li>' + |
||||
|
'<li class="list-group-item">' + |
||||
|
'<b>樓層</b> <a class="float-right">' + numberoffloor + '樓</a>' + |
||||
|
'</li>' + |
||||
|
'<li class="list-group-item">' + |
||||
|
'<b>樓停</b> <a class="float-right">' + numberofstop + '停</a>' + |
||||
|
'</li>' + |
||||
|
'<li class="list-group-item">' + |
||||
|
'<b>地址</b> <a class="float-right">' + address + '</a>' + |
||||
|
'</li>' + |
||||
|
'<li class="list-group-item">' + |
||||
|
'<b>最近一次保養日期</b> <a class="float-right">' + actualdate + '</a>' + |
||||
|
'</li>' + |
||||
|
schedule_detail + |
||||
|
'<li class="list-group-item">' + |
||||
|
'<b>保養結果</b> ' + ckmore + sresult + |
||||
|
'</li>' + |
||||
|
'<li class="list-group-item">' + |
||||
|
'<b>故障訊息</b> <a class="float-right">' + fault_message + '</a>' + |
||||
|
//'<br><a class="float-right">' + item_detail + '</a>' + |
||||
|
'</li>' + |
||||
|
'</ul>'; |
||||
|
/* |
||||
|
'<li class="list-group-item">' + |
||||
|
'<a href="#" onclick=jishi("'+facilityno+'","'+customerid+'") class="btn btn-primary width40"><b>及時狀態</b></a>'+ |
||||
|
'<a href="#" onclick=guzhang("'+facilityno+'","'+customerid+'") class="btn btn-primary width40"><b>故障内容</b></a>'+ |
||||
|
'</li>' + |
||||
|
*/ |
||||
|
} |
||||
|
$('#choosecontent').empty().append(htmlfacility); |
||||
|
$('#facility').append(htmlds); |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
|
||||
|
} |
||||
|
// 及時狀態 |
||||
|
function jishi(facilityno, customerid) { |
||||
|
|
||||
|
var htmlds = ""; |
||||
|
var facilitystatusURL = wurl + 'phb/map/facility_status.php?facilityno=' + facilityno; |
||||
|
$.ajax({ |
||||
|
type: "GET", |
||||
|
url: facilitystatusURL, |
||||
|
success: function (msg) { |
||||
|
var result = eval("(" + msg + ")"); |
||||
|
console.log(result); |
||||
|
console.log(result['labels']); |
||||
|
|
||||
|
htmlds = '<div>' + |
||||
|
' <div class="appHeader bg-primary text-light">' + |
||||
|
' <div class="left">' + |
||||
|
' <a href="#" onclick=jibnen("' + customerid + '") class="headerButton">' + |
||||
|
' <ion-icon name="chevron-back-outline"></ion-icon>' + |
||||
|
' </a>' + |
||||
|
' </div>' + |
||||
|
' <div class="pageTitle">及時狀態</div>' + |
||||
|
' </div>' + |
||||
|
'<div class="chart">' + |
||||
|
'<canvas id="lineChart" height="200"></canvas>' + |
||||
|
'</div></div>'; |
||||
|
$('#choosecontent').empty().append(htmlds); |
||||
|
|
||||
|
|
||||
|
//折线图 |
||||
|
var lineChartCanvas = $('#lineChart') |
||||
|
let linedata = { |
||||
|
"labels": result['labels'], |
||||
|
"datasets": [{ |
||||
|
"label": "走行時間", |
||||
|
"data": result['walking_hours'], |
||||
|
"fill": false, |
||||
|
"borderColor": "rgb(75, 192, 192)", |
||||
|
"lineTension": 0.1 |
||||
|
}, { |
||||
|
"label": "走行次數", |
||||
|
"data": result['walking_times'], |
||||
|
"fill": false, |
||||
|
"borderColor": "rgb(192,75,126)", |
||||
|
"lineTension": 0.1 |
||||
|
}] |
||||
|
}; |
||||
|
const optsLineChart = { |
||||
|
scales: { |
||||
|
x: { |
||||
|
time: false, |
||||
|
}, |
||||
|
y: { |
||||
|
range: [0, 100], |
||||
|
}, |
||||
|
}, |
||||
|
series: [ |
||||
|
{}, |
||||
|
{ |
||||
|
fill: 'transparent', |
||||
|
width: 5, |
||||
|
stroke: 'rgba(60,141,188,1)', |
||||
|
}, |
||||
|
{ |
||||
|
stroke: '#c1c7d1', |
||||
|
width: 5, |
||||
|
fill: 'transparent', |
||||
|
}, |
||||
|
], |
||||
|
hover: { |
||||
|
animationDuration: 0 // 防止鼠标移上去，数字闪烁 |
||||
|
}, |
||||
|
animation: { // 这部分是数值显示的功能实现 |
||||
|
onComplete: function () { |
||||
|
var chartInstance = this.chart, |
||||
|
ctx = chartInstance.ctx; |
||||
|
// 以下属于canvas的属性（font、fillStyle、textAlign...） |
||||
|
ctx.font = Chart.helpers.fontString(Chart.defaults.global.defaultFontSize, Chart.defaults.global.defaultFontStyle, Chart.defaults.global.defaultFontFamily); |
||||
|
ctx.fillStyle = "black"; |
||||
|
ctx.textAlign = 'center'; |
||||
|
ctx.textBaseline = 'bottom'; |
||||
|
this.data.datasets.forEach(function (dataset, i) { |
||||
|
var meta = chartInstance.controller.getDatasetMeta(i); |
||||
|
meta.data.forEach(function (bar, index) { |
||||
|
var data = dataset.data[index]; |
||||
|
ctx.fillText(data, bar._model.x, bar._model.y - 5); |
||||
|
}); |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
new Chart(lineChartCanvas, { |
||||
|
type: 'line', |
||||
|
data: linedata, |
||||
|
options: optsLineChart |
||||
|
}); |
||||
|
|
||||
|
|
||||
|
|
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
} |
||||
|
// 故障內容 |
||||
|
function guzhang(facilityno, customerid) { |
||||
|
|
||||
|
var htmlds = ''; |
||||
|
var facilitybreakdownURL = wurl + 'phb/map/facility_breakdown.php?facilityno=' + facilityno; |
||||
|
$.ajax({ |
||||
|
type: "GET", |
||||
|
url: facilitybreakdownURL, |
||||
|
success: function (msg) { |
||||
|
var result = eval("(" + msg + ")"); |
||||
|
console.log(result); |
||||
|
|
||||
|
htmlds = '<div>' + |
||||
|
' <div class="appHeader bg-primary text-light">' + |
||||
|
' <div class="left">' + |
||||
|
' <a href="#" onclick=jibnen("' + customerid + '") class="headerButton">' + |
||||
|
' <ion-icon name="chevron-back-outline"></ion-icon>' + |
||||
|
' </a>' + |
||||
|
' </div>' + |
||||
|
' <div class="pageTitle">故障內容</div>' + |
||||
|
' </div>' + |
||||
|
'<div class="chart">' + |
||||
|
'<canvas id="guzhangchart" height="100" ></canvas>' + |
||||
|
'</div></div>'; |
||||
|
htmlds += '<div style="width: 100%;height:200px;overflow: scroll">' + |
||||
|
'<div id="jsGrid1" style="height: 300px;font-size: 12px"></div>' + |
||||
|
'</div>' |
||||
|
$('#choosecontent').empty().append(htmlds); |
||||
|
|
||||
|
//折线图 |
||||
|
var guzhangchartCanvas = $('#guzhangchart') |
||||
|
let guzhanglinedata = { |
||||
|
"labels": result['labels'], |
||||
|
"datasets": [{ |
||||
|
"label": "故障內容", |
||||
|
"data": result['data'], |
||||
|
"fill": true, |
||||
|
"borderColor": "rgb(75, 192, 192)", |
||||
|
"lineTension": 1 |
||||
|
}] |
||||
|
}; |
||||
|
const optsguzhangLineChart = { |
||||
|
scales: { |
||||
|
x: { |
||||
|
time: false, |
||||
|
}, |
||||
|
y: { |
||||
|
range: [0, 100], |
||||
|
}, |
||||
|
}, |
||||
|
series: [ |
||||
|
{}, |
||||
|
{ |
||||
|
fill: 'transparent', |
||||
|
width: 5, |
||||
|
stroke: 'rgba(60,141,188,1)', |
||||
|
}, |
||||
|
{ |
||||
|
stroke: '#c1c7d1', |
||||
|
width: 5, |
||||
|
fill: 'transparent', |
||||
|
}, |
||||
|
], |
||||
|
hover: { |
||||
|
animationDuration: 0 // 防止鼠标移上去，数字闪烁 |
||||
|
}, |
||||
|
animation: { // 这部分是数值显示的功能实现 |
||||
|
onComplete: function () { |
||||
|
var chartInstance = this.chart, |
||||
|
ctx = chartInstance.ctx; |
||||
|
// 以下属于canvas的属性（font、fillStyle、textAlign...） |
||||
|
ctx.font = Chart.helpers.fontString(Chart.defaults.global.defaultFontSize, Chart.defaults.global.defaultFontStyle, Chart.defaults.global.defaultFontFamily); |
||||
|
ctx.fillStyle = "black"; |
||||
|
ctx.textAlign = 'center'; |
||||
|
ctx.textBaseline = 'bottom'; |
||||
|
this.data.datasets.forEach(function (dataset, i) { |
||||
|
var meta = chartInstance.controller.getDatasetMeta(i); |
||||
|
meta.data.forEach(function (bar, index) { |
||||
|
var data = dataset.data[index]; |
||||
|
ctx.fillText(data, bar._model.x, bar._model.y - 5); |
||||
|
}); |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
new Chart(guzhangchartCanvas, { |
||||
|
type: 'line', |
||||
|
data: guzhanglinedata, |
||||
|
options: optsguzhangLineChart |
||||
|
}); |
||||
|
//数据表 |
||||
|
|
||||
|
$("#jsGrid1").jsGrid({ |
||||
|
height: "300px", |
||||
|
width: "100%", |
||||
|
sorting: true, |
||||
|
paging: false, |
||||
|
data: result['tables'], |
||||
|
fields: [ |
||||
|
{ name: "id", title: "項次", type: "text", }, |
||||
|
{ name: "facilityno", title: "電梯編號", type: "text", }, |
||||
|
{ name: "identifying_code", title: "識別碼", type: "text", }, |
||||
|
{ name: "breakdown_code", title: "故障代碼", type: "text", }, |
||||
|
{ name: "breakdown_content", title: "故障内容", type: "text", }, |
||||
|
{ name: "breakdown_date", title: "故障时间", type: "text", }, |
||||
|
] |
||||
|
}); |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
|
||||
|
} |
||||
|
|
||||
|
// 補丁 actualdate = 展示太久沒更新保養日期做假資料 |
||||
|
function fakeActualdate(actualdate) { |
||||
|
|
||||
|
if (actualdate.substring(0, 2) == '預計') { |
||||
|
return actualdate; |
||||
|
} |
||||
|
|
||||
|
const today = new Date(); |
||||
|
const currentYear = today.getFullYear(); |
||||
|
const currentMonth = today.getMonth() - 1; |
||||
|
|
||||
|
let datetimeArr = actualdate.split(' '); |
||||
|
let dateArr = datetimeArr[0].split('-'); |
||||
|
let timeArr = datetimeArr[1].split(':'); |
||||
|
let year = parseInt(dateArr[0]); |
||||
|
let month = parseInt(dateArr[1]); |
||||
|
let day = parseInt(dateArr[2]); |
||||
|
let hour = parseInt(timeArr[0]); |
||||
|
let minute = parseInt(timeArr[1]); |
||||
|
let second = parseInt(timeArr[2]); |
||||
|
if (day > 30) { |
||||
|
day = day - 1; |
||||
|
} |
||||
|
|
||||
|
// return "2020-01-01 00:00:00"; |
||||
|
if (year <= currentYear && month <= currentMonth) { |
||||
|
return year + '-' + (currentMonth + 1) + '-' + day + ' ' + hour + ':' + minute + ':' + second; |
||||
|
} else { |
||||
|
return actualdate; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDCJp-JIcYIyeR_QNpREvsepApvVytZWOs&callback=initMap" |
||||
|
async defer></script> |
||||
|
</body> |
||||
|
|
||||
|
</html> |
||||
@ -0,0 +1,99 @@ |
|||||
|
<?php |
||||
|
ini_set('display_errors', 'on'); |
||||
|
date_default_timezone_set('Asia/Taipei'); |
||||
|
|
||||
|
$referrer = isset($_REQUEST['referer']) ? $_REQUEST['referer'] : ""; |
||||
|
$hashReferer = "https://bpm.masada.com.twMasada@2023"; |
||||
|
|
||||
|
if ($hashReferer == $referrer) { |
||||
|
|
||||
|
include "T8_Authorization_from_bpm.php"; |
||||
|
|
||||
|
$user_id = "M0000"; |
||||
|
$user_password = "M012290493119"; |
||||
|
$validation = get_Auth("M0000", "M012290493119"); |
||||
|
|
||||
|
send_data_to_API($validation); |
||||
|
} else { |
||||
|
echo "非法訪問！"; |
||||
|
exit; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
function send_data_to_API($validation) |
||||
|
{ |
||||
|
// $apiurl = 'http://60.244.87.101:880//twWebAPI/V1/STKASSY/PostERPData'; |
||||
|
$apiurl = 'http://10.10.145.2:880//twWebAPI/V1/STKASSY/PostERPData'; |
||||
|
// $apiurl = 'https://erp.masada.com.tw:780/twWebAPI/V1/STKASSY/PostERPData'; |
||||
|
|
||||
|
$headerParam = [ |
||||
|
'CHI_Authorization: ' . $validation, |
||||
|
'Content-Type: application/json' |
||||
|
]; |
||||
|
|
||||
|
$body = [ |
||||
|
[ |
||||
|
"name" => "stkAssyMast", |
||||
|
"rows" => [ |
||||
|
[ |
||||
|
"BillNo" => "TEST06", |
||||
|
"OrgId" => "1000", |
||||
|
"TypeId" => "CA", |
||||
|
"MaterialId" => "3MH00302", |
||||
|
"PersonId" => "M0122", |
||||
|
"CompId" => "1001", |
||||
|
"DeptId" => "220", |
||||
|
"SQuantity" => 1, |
||||
|
"SUnitId" => "SET", |
||||
|
"CurrentState" => 2, |
||||
|
"CreatorId" => "M0122" |
||||
|
] |
||||
|
] |
||||
|
], |
||||
|
[ |
||||
|
"name" => "stkAssySubMatInfo", |
||||
|
"rows" => [ |
||||
|
[ |
||||
|
"BillNo" => "TEST06", |
||||
|
"MaterialId" => "3MH00302P", |
||||
|
"ComponentBaseQty" => 1, |
||||
|
"UnitQty" => 1, |
||||
|
"SUnitId" => "SET", |
||||
|
"MarkerNo" => "3MH00302", |
||||
|
"CU_MaterialId" => "3MH00302" |
||||
|
], |
||||
|
[ |
||||
|
"BillNo" => "TEST06", |
||||
|
"MaterialId" => "MX00000001", |
||||
|
"ComponentBaseQty" => 1, |
||||
|
"UnitQty" => 3, |
||||
|
"SUnitId" => "PCS", |
||||
|
"MarkerNo" => "3MH00302", |
||||
|
"CU_MaterialId" => "3MH00302" |
||||
|
] |
||||
|
] |
||||
|
] |
||||
|
]; |
||||
|
|
||||
|
$json = json_encode($body); |
||||
|
|
||||
|
$ch = curl_init(); |
||||
|
curl_setopt($ch, CURLOPT_URL, $apiurl); |
||||
|
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); |
||||
|
curl_setopt($ch, CURLOPT_HTTPHEADER, $headerParam); |
||||
|
curl_setopt($ch, CURLOPT_CUSTOMREQUEST, "POST"); |
||||
|
curl_setopt($ch, CURLOPT_POSTFIELDS, $json); |
||||
|
|
||||
|
$response = curl_exec($ch); |
||||
|
|
||||
|
if ($response === false) { |
||||
|
echo 'Curl error: ' . curl_error($ch); |
||||
|
} else { |
||||
|
$result = json_decode($response, true); |
||||
|
echo $result['Status'] . "\n"; |
||||
|
echo $result['ErrorMsg'] . "\n"; |
||||
|
print_r($result['Data']); |
||||
|
} |
||||
|
|
||||
|
curl_close($ch); |
||||
|
} |
||||
@ -0,0 +1,43 @@ |
|||||
|
<?php |
||||
|
|
||||
|
$user_id = "M0000"; |
||||
|
$user_password = "M012290493119"; |
||||
|
|
||||
|
function get_Auth($user_id = "M0000", $user_password = "M012290493119") |
||||
|
{ |
||||
|
|
||||
|
$now = gmdate("YmdHis"); |
||||
|
$data = "$user_id." . $now; |
||||
|
$sign = hash_hmac('SHA256', $data, 'B2D6395D2883E26C', false); |
||||
|
|
||||
|
|
||||
|
// $apiurl = 'https://erp.masada.com.tw:780/twWebAPI/GetAuth'; |
||||
|
// $apiurl = 'http://60.244.87.101:880//twWebAPI/GetAuth'; |
||||
|
$apiurl = 'http://10.10.145.2:880//twWebAPI/GetAuth'; |
||||
|
// $apiurl = 'https://erp.masada.com.tw:780/twWebAPI/GetAuth'; |
||||
|
|
||||
|
$headerParam = [ |
||||
|
"UserId: $user_id", |
||||
|
"Pwd: $user_password", |
||||
|
"TimestampUTC: $now", |
||||
|
"Sign: $sign" |
||||
|
]; |
||||
|
|
||||
|
$ch = curl_init(); |
||||
|
curl_setopt($ch, CURLOPT_URL, $apiurl); |
||||
|
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); |
||||
|
curl_setopt($ch, CURLOPT_HTTPHEADER, $headerParam); |
||||
|
|
||||
|
$response = curl_exec($ch); |
||||
|
if ($response === false) { |
||||
|
echo 'Curl error: ' . curl_error($ch); |
||||
|
} else { |
||||
|
// print_r($response); |
||||
|
// exit; |
||||
|
$result = json_decode($response, true); |
||||
|
$validation = $result['Data']['CHI_Authorization']; |
||||
|
return $validation; |
||||
|
} |
||||
|
|
||||
|
curl_close($ch); |
||||
|
} |
||||
Loading…
Reference in new issue