This commit is contained in:
dev01 2022-11-22 18:12:19 +08:00
commit 1f58f537a6
2 changed files with 85 additions and 109 deletions

View File

@ -64,7 +64,7 @@
<div class="row"> <div class="row">
<div class="mb-3"> <div class="mb-3">
<a href="#" class="btn btn-success">+ 上傳</a> <a href="#" class="btn btn-success" data-toggle="modal" data-target="#uploadPicture">+ 上傳</a>
</div> </div>
<table class="table table-bordered table-striped text-center m-0"> <table class="table table-bordered table-striped text-center m-0">
@ -108,41 +108,64 @@
</main> </main>
<!-- TEST Button trigger modal --> <!-- Upload Picture modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#staticBackdrop"> <div class="modal fade" id="uploadPicture" tabindex="-1" role="dialog" aria-hidden="true">
Launch static backdrop modal
</button>
<div class="mb-3"> <a href="#" class="btn btn-success" data-toggle="modal" data-target="#accManModal">+ 新增</a>
</div>
<div class="modal fade" id="accManModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h4 class="modal-title"> <h4 class="modal-title">
人員基本資料新增 / 修改 圖資上傳
</h4> </h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true"><i class="fal fa-times"></i></span> <span aria-hidden="true"><i class="fal fa-times"></i></span>
</button> </button>
</div> </div>
<form id="accManForm"> <form id="uploadForm">
<div class="modal-body"> <div class="modal-body">
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
<div class="form-group"> <div class="form-group">
<label class="form-label" for="inpEmail">Email</label> <label class="form-label" for="picNum">圖號</label>
<input type="email" id="inpEmail" name="inpEmail" class="form-control" <input type="text" id="picNum" name="picNum" class="form-control">
placeholder="Email">
</div> </div>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<div class="form-group"> <div class="form-group">
<label class="form-label" for="inpName"></label> <label class="form-label" for="inpName"></label>
<input type="text" id="inpName" name="inpName" class="form-control"> <input type="text" id="inpName" name="inpName" class="form-control">
</div> </div>
</div> </div>
<div class="col-md-6">
<div class="form-group mt-3">
<label class="form-label" for="mainCategory">主要類別</label>
<input type="text" id="mainCategory" name="mainCategory" class="form-control">
</div>
</div>
<div class="col-md-6">
<div class="form-group mt-3">
<label class="form-label" for="subcategory">子類別</label>
<input type="text" id="subcategory" name="subcategory" class="form-control">
</div>
</div>
<div class="col-md-12 mt-3">
<label>原設計</label>
</div>
<div class="col-md-12">
<button type="button" class="btn btn-info">上傳檔案</button>
</div>
<div class="col-md-12 mt-1">
<small>欲上傳之檔案名稱</small>
</div>
<div class="col-md-12 mt-3">
<label>竣工圖</label>
</div>
<div class="col-md-12">
<button type="button" class="btn btn-info">上傳檔案</button>
</div>
<div class="col-md-12 mt-1">
<small>欲上傳之檔案名稱</small>
</div>
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
@ -153,49 +176,3 @@
</div> </div>
</div> </div>
</div> </div>
<!-- TEST Modal -->
<div class="modal fade" id="staticBackdrop" data-backdrop="static" data-keyboard="false" tabindex="-1"
aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="staticBackdropLabel">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Understood</button>
</div>
</div>
</div>
</div>
<div class="modal fade modal-backdrop-transparent" id="modal-shortcut" tabindex="-1" role="dialog"
aria-labelledby="modal-shortcut" aria-hidden="true">
<div class="modal-dialog modal-dialog-top modal-transparent" role="document">
<div class="modal-content">
<div class="modal-body">
<ul class="app-list w-auto h-auto p-0 text-left">
<li>
<a href="intel_introduction.html" class="app-list-item text-white border-0 m-0">
<div class="icon-stack">
<i class="base base-7 icon-stack-3x opacity-100 color-primary-500 "></i>
<i class="base base-7 icon-stack-2x opacity-100 color-primary-300 "></i>
<i class="fal fa-home icon-stack-1x opacity-100 color-white"></i>
</div>
<span class="app-list-name">
Home
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>

View File

@ -8,7 +8,6 @@
</div> </div>
<!-- nav-menu-reset will reset the font colors --> <!-- nav-menu-reset will reset the font colors -->
<ul id="js_nested_list" class="nav-menu nav-menu-reset nav-menu-compact bg-success-900 bg-info-gradient mb-sm-4 mb-md-0 rounded" data-nav-accordion="true"> <ul id="js_nested_list" class="nav-menu nav-menu-reset nav-menu-compact bg-success-900 bg-info-gradient mb-sm-4 mb-md-0 rounded" data-nav-accordion="true">
</ul> </ul>
<div class="filter-message js-filter-message m-0 text-left pl-4 py-3 fw-500"></div> <div class="filter-message js-filter-message m-0 text-left pl-4 py-3 fw-500"></div>
</div> </div>
@ -53,7 +52,7 @@
<div class="row"> <div class="row">
<div class="frame-wrap"> <div class="frame-wrap">
<table class="table table-bordered table-striped text-center m-0"> <table id="tableData" class="table table-bordered table-striped text-center m-0">
<thead class="thead-themed"> <thead class="thead-themed">
<tr> <tr>
<th>設備名稱</th> <th>設備名稱</th>
@ -78,20 +77,19 @@
</main> </main>
<script> <script>
let sst = '';
let mst = '';
$(function () { $(function () {
initList(); initList();
// default list filter // default list filter
initApp.listFilter($('#js_default_list'), $('#js_default_list_filter')); initApp.listFilter($('#js_default_list'), $('#js_default_list_filter'));
// custom response message // custom response message
initApp.listFilter($('#js-list-msg'), $('#js-list-msg-filter')); initApp.listFilter($('#js-list-msg'), $('#js-list-msg-filter'));
//accordion filter //accordion filter
initApp.listFilter($('#js_list_accordion'), $('#js_list_accordion_filter')); initApp.listFilter($('#js_list_accordion'), $('#js_list_accordion_filter'));
// nested list filter // nested list filter
initApp.listFilter($('#js_nested_list'), $('#js_nested_list_filter')); initApp.listFilter($('#js_nested_list'), $('#js_nested_list_filter'));
//init navigation //init navigation
initApp.buildNavigation($('#js_nested_list')); initApp.buildNavigation($('#js_nested_list'));
initData(); initData();
@ -99,64 +97,65 @@
function initList() { function initList() {
let sendData = { let sendData = {
building_tag: pageAct.buiTag building_tag: pageAct.buiTag
} }
objSendData.Data = sendData; objSendData.Data = sendData;
let url = baseApiUrl + "/api/History/GetMainSub"; let url = baseApiUrl + "/api/History/GetMainSub";
function success(res) { function success(res) {
let strHtml = ``; let strHtml = ``;
let sst = '';
let mst = '';
$.each(res.data.history_Main_Systems, function (index, val) { $.each(res.data.history_Main_Systems, function (index, val) {
console.log(index) strHtml += `<li>
strHtml += `<li> <a href="#" data-filter-tags="user interface buttons compass action dropdown navigation sidebars" data-maintag="${val.main_system_tag}">
<a href="#" data-filter-tags="user interface buttons compass action dropdown navigation sidebars" data-maintag="${val.main_system_tag}"> <span class="nav-link-text">${val.full_name}</span>
<span class="nav-link-text">${val.full_name}</span> </a>
</a>
<ul style="${index == 0 ? `display:block;` : ``}">`; <ul style="${index == 0 ? `display:block;` : ``}">`;
$.each(val.history_Sub_systems, function (index2, val2) { $.each(val.history_Sub_systems, function (index2, val2) {
strHtml += `<li> strHtml += `<li>
<a href="#" onClick="getData(${val2.sub_system_tag}, ${val.main_system_tag})" data-filter-tags="user interface buttons" data-subtag="${val2.sub_system_tag}"> <a href="#" onClick="getData(${val2.sub_system_tag}, ${val.main_system_tag})" data-filter-tags="user interface buttons" data-subtag="${val2.sub_system_tag}">
<span class="nav-link-text"> <span class="nav-link-text">
${val2.full_name} ${val2.sub_system_tag} ${val2.full_name} ${val2.sub_system_tag}
</span> </span>
</a> </a>
</li>`; </li>`;
if (index == 0 && index2 == 0) { if (index == 0 && index2 == 0) {
sst = val2.sub_system_tag; sst = val2.sub_system_tag;
mst = val.main_system_tag; mst = val.main_system_tag;
} }
}); });
strHtml += `</ul> </li>`; strHtml += `</ul> </li>`;
}); });
$('#js_nested_list').html(strHtml); $('#js_nested_list').html(strHtml);
getData(sst, mst); getData(sst, mst);
} }
ytAjax = new YourTeam.Ajax(url, objSendData, success, null, "POST").send(); ytAjax = new YourTeam.Ajax(url, objSendData, success, null, "POST").send();
} }
function initData() { function initData() {
getHistoryDataByBaja("TPE_B1_EE_E4_R2F_NA_WHT_N1_A1", getHistoryDataByBaja("TPE_B1_EE_E4_R2F_NA_WHT_N1_A1",
1667232000000, 1667232000000,
1667232000000, 1667232000000,
"空調設備", "空調設備",
"Mitsubishi_Sup", "Mitsubishi_Sup",
callbackForHistory); callbackForHistory);
} }
function getData(sst2, mst1) function getData(sst2, mst1) {
{ //getHistoryDataByBaja("TPE_B1_EE_E4_R2F_NA_WHT_N1_A1",
//getHistoryDataByBaja("TPE_B1_EE_E4_R2F_NA_WHT_N1_A1", // 1667232000000,
// 1667232000000, // 1667232000000,
// 1667232000000, // "空調設備",
// "空調設備", // "Mitsubishi_Sup",
// "Mitsubishi_Sup", // callbackForHistory);
// callbackForHistory); }
}
function callBackFromHistory(res) { function callBackFromHistory(res) {
//$('#tableData tbody').html();
console.log(res) console.log(res)
} }
</script> </script>