278 lines
13 KiB
HTML
278 lines
13 KiB
HTML
<main id="js-page-content" role="main" class="page-content">
|
|
|
|
<div class="row">
|
|
<div class="col-sm-12 col-xl-12">
|
|
|
|
<h1 class="p-2 mb-0">圖資管理</h1>
|
|
|
|
<div class="row bg-dark p-2">
|
|
<div class="col-auto">
|
|
<div class="btn-group">
|
|
<button type="button" class="btn btn-secondary waves-effect waves-themed">建築</button>
|
|
<button type="button" class="btn btn-secondary waves-effect waves-themed">電力管線</button>
|
|
<button type="button" class="btn btn-secondary waves-effect waves-themed">水力管線</button>
|
|
<button type="button" class="btn btn-secondary waves-effect waves-themed">控制系統</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-auto">
|
|
<div class="form-group">
|
|
<input type="text" id="simpleinput" class="form-control" placeholder="關鍵字">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-auto">
|
|
<a href="#" class="btn btn-info">查詢</a>
|
|
</div>
|
|
<hr>
|
|
</div>
|
|
|
|
<div class="row bg-dark p-2 mb-5 align-items-center">
|
|
<div class="col-auto">
|
|
<a href="#" class="btn btn-info">全選</a>
|
|
</div>
|
|
|
|
<div class="col-auto">
|
|
<div class="frame-wrap">
|
|
<div class="custom-control custom-checkbox custom-control-inline">
|
|
<input type="checkbox" class="custom-control-input" id="defaultInline1">
|
|
<label class="custom-control-label" for="defaultInline1">施工詳圖</label>
|
|
</div>
|
|
<div class="custom-control custom-checkbox custom-control-inline">
|
|
<input type="checkbox" class="custom-control-input" id="defaultInline2">
|
|
<label class="custom-control-label" for="defaultInline2">設備規範</label>
|
|
</div>
|
|
<div class="custom-control custom-checkbox custom-control-inline">
|
|
<input type="checkbox" class="custom-control-input" id="defaultInline3">
|
|
<label class="custom-control-label" for="defaultInline3">工程介面圖說</label>
|
|
</div>
|
|
<div class="custom-control custom-checkbox custom-control-inline">
|
|
<input type="checkbox" class="custom-control-input" id="defaultInline4">
|
|
<label class="custom-control-label" for="defaultInline4">門禁規範</label>
|
|
</div>
|
|
<div class="custom-control custom-checkbox custom-control-inline">
|
|
<input type="checkbox" class="custom-control-input" id="defaultInline5">
|
|
<label class="custom-control-label" for="defaultInline5">監控平面圖</label>
|
|
</div>
|
|
<div class="custom-control custom-checkbox custom-control-inline">
|
|
<input type="checkbox" class="custom-control-input" id="defaultInline6">
|
|
<label class="custom-control-label" for="defaultInline6">其它</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="mb-3">
|
|
<a href="#" class="btn btn-success" data-toggle="modal" data-target="#uploadPicture">+ 上傳</a>
|
|
</div>
|
|
|
|
<table class="table table-bordered table-striped text-center m-0">
|
|
<!-- <thead class="thead-themed">
|
|
<tr>
|
|
<th>圖號</th>
|
|
<th>圖名</th>
|
|
<th>原設計</th>
|
|
<th>竣工圖</th>
|
|
<th>功能</th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody>
|
|
<tr>
|
|
<td>TEST03</td>
|
|
<td>TEST03</td>
|
|
<td>A-01.dwg</td>
|
|
<td></td>
|
|
<td>
|
|
<a href="#" class="btn btn-info">編輯</a>
|
|
<a href="#" class="btn btn-danger">刪除</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>TEST06</td>
|
|
<td>TEST06</td>
|
|
<td>A-01.dwg</td>
|
|
<td>AS-01.dwg</td>
|
|
<td>
|
|
<a href="#" class="btn btn-info">編輯</a>
|
|
<a href="#" class="btn btn-danger">刪除</a>
|
|
</td>
|
|
</tr>
|
|
</tbody> -->
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</main>
|
|
|
|
<!-- Upload Picture modal -->
|
|
<div class="modal fade" id="uploadPicture" tabindex="-1" role="dialog" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title">
|
|
圖資上傳
|
|
</h4>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true"><i class="fal fa-times"></i></span>
|
|
</button>
|
|
</div>
|
|
<form id="uploadForm">
|
|
<div class="modal-body">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label class="form-label" for="picNum">圖號</label>
|
|
<input type="text" id="picNum" name="picNum" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label class="form-label" for="inpName">圖名</label>
|
|
<input type="text" id="inpName" name="inpName" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="dropdown col-md-6 mt-3">
|
|
<label>主要類別</label>
|
|
<button class="btn btn-dark dropdown-toggle col-12" type="button" id="dropdownMenuButton"
|
|
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
主要類別
|
|
</button>
|
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
|
|
<a class="dropdown-item" href="#">建築</a>
|
|
<a class="dropdown-item" href="#">電力控制</a>
|
|
<a class="dropdown-item" href="#">水力控制</a>
|
|
<a class="dropdown-item" href="#">系統控制</a>
|
|
</div>
|
|
</div>
|
|
<div class="dropdown col-md-6 mt-3">
|
|
<label>子類別</label>
|
|
<button class="btn btn-dark dropdown-toggle col-12" type="button" id="dropdownMenuButton"
|
|
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
子類別
|
|
</button>
|
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
|
|
<a class="dropdown-item" href="#">施工詳圖</a>
|
|
<a class="dropdown-item" href="#">設備規範</a>
|
|
<a class="dropdown-item" href="#">工程介面圖說</a>
|
|
<a class="dropdown-item" href="#">門禁規範</a>
|
|
<a class="dropdown-item" href="#">監控平面圖</a>
|
|
<a class="dropdown-item" href="#">其它</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12 mt-6">
|
|
<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 class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">關閉</button>
|
|
<button type="submit" class="btn btn-primary" id="accManSendBtn" e-prevent>儲存</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
$(function () {
|
|
initList();
|
|
})
|
|
|
|
function initList() {
|
|
let sendData = {
|
|
building_tag: pageAct.buiTag
|
|
}
|
|
objSendData.Data = sendData;
|
|
let url = baseApiUrl + "/api/History/GetMainSub";
|
|
console.log(url);
|
|
function success(res) {
|
|
let strHtml = ``;
|
|
// let sst = '';
|
|
// let sstn = '';
|
|
// let mst = '';
|
|
|
|
$.each(res.data.history_Main_Systems, function (index, val) {
|
|
|
|
strHtml = ` <thead class="thead-themed">
|
|
<tr>
|
|
<th>圖號</th>
|
|
<th>圖名</th>
|
|
<th>原設計</th>
|
|
<th>竣工圖</th>
|
|
<th>功能</th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody>
|
|
<tr>
|
|
<td>TEST03</td>
|
|
<td>TEST03</td>
|
|
<td>A-01.dwg</td>
|
|
<td></td>
|
|
<td>
|
|
<a href="#" class="btn btn-info">編輯</a>
|
|
<a href="#" class="btn btn-danger">刪除</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>TEST06</td>
|
|
<td>TEST06</td>
|
|
<td>A-01.dwg</td>
|
|
<td>AS-01.dwg</td>
|
|
<td>
|
|
<a href="#" class="btn btn-info">編輯</a>
|
|
<a href="#" class="btn btn-danger">刪除</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>`;
|
|
|
|
// strHtml += `<li>
|
|
// <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>
|
|
// </a>
|
|
// <ul style="${index == 0 ? `display:block;` : ``}">`;
|
|
|
|
// $.each(val.history_Sub_systems, function (index2, val2) {
|
|
// strHtml += `<li>
|
|
// <a href="#" onClick="getData('${val.main_system_tag}', '${val2.sub_system_tag}', '${val2.full_name}')" data-filter-tags="user interface buttons" data-subtag="${val2.sub_system_tag}">
|
|
// <span class="nav-link-text">
|
|
// ${val2.full_name} ${val2.sub_system_tag}
|
|
// </span>
|
|
// </a>
|
|
// </li>`;
|
|
|
|
// if (index == 0 && index2 == 0) {
|
|
// sst = val2.sub_system_tag;
|
|
// mst = val.main_system_tag;
|
|
// sstn = val2.full_name;
|
|
// }
|
|
// });
|
|
// strHtml += `</ul> </li>`;
|
|
});
|
|
|
|
$('.table').html(strHtml);
|
|
// $('#js_nested_list').html(strHtml);
|
|
// getData(mst, sst, sstn);
|
|
}
|
|
ytAjax = new YourTeam.Ajax(url, objSendData, success, null, "POST").send();
|
|
}
|
|
</script> |