197 lines
9.7 KiB
HTML
197 lines
9.7 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
|
||
|
|
<html lang="zh-hant-TW" class="root-text-lg">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta name="description" content="Marketing Dashboard">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no, minimal-ui">
|
||
|
|
<!-- Call App Mode on ios devices -->
|
||
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||
|
|
<!-- Remove Tap Highlight on Windows Phone IE -->
|
||
|
|
<meta name="msapplication-tap-highlight" content="no">
|
||
|
|
<!-- base css -->
|
||
|
|
<link id="vendorsbundle" rel="stylesheet" media="screen, print" href="lib/vendors.bundle.css">
|
||
|
|
<link id="appbundle" rel="stylesheet" media="screen, print" href="lib/app.bundle.css">
|
||
|
|
<link id="mytheme" rel="stylesheet" media="screen, print" href="#">
|
||
|
|
<link id="myskin" rel="stylesheet" media="screen, print" href="lib/skins/skin-master.css">
|
||
|
|
<link rel="stylesheet" href="lib/notifications/toastr/toastr.min.css" />
|
||
|
|
<!-- Place favicon.ico in the root directory -->
|
||
|
|
<link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-touch-icon.png">
|
||
|
|
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32.png">
|
||
|
|
<link rel="mask-icon" href="img/favicon/safari-pinned-tab.svg" color="#5bbad5">
|
||
|
|
<!-- Font Awesome -->
|
||
|
|
<link href="lib/fontawesome-free/css/all.min.css" rel="stylesheet" />
|
||
|
|
<link rel="stylesheet" media="screen, print" href="lib/datagrid/datatables/datatables.bundle.css">
|
||
|
|
<link rel="stylesheet" href="css/site.css" />
|
||
|
|
<link rel="stylesheet" href="css/yourteam/plugins/yt-tooltip/yt-tooltip.css" />
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body
|
||
|
|
class="mod-bg-1 mod-nav-link mod-skin-dark mod-hide-info-card nav-function-top nav-function-fixed mod-lean-subheader desktop chrome webkit pace-done blur">
|
||
|
|
|
||
|
|
<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">+ 上傳</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>
|
||
|
|
|
||
|
|
<!-- TEST Button trigger modal -->
|
||
|
|
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#staticBackdrop">
|
||
|
|
Launch static backdrop modal
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<!-- 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">×</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>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|