<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>材料資訊</title>
<!-- Favicon icon -->
<link rel="icon" type="image/png" sizes="16x16" href="/images/favicon.png">
<!-- Custom Stylesheet -->
<link href="/plugins/tables/css/datatable/dataTables.bootstrap4.min.css" rel="stylesheet">
<link href="/css/style.css" rel="stylesheet">
</head>
<body>
<!--*******************
Preloader start
********************-->
<div id="preloader">
<div class="loader">
<svg class="circular" viewBox="25 25 50 50">
<circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="3" stroke-miterlimit="10" />
</svg>
</div>
</div>
<!--*******************
Preloader end
********************-->
<!--**********************************
Main wrapper start
***********************************-->
<div id="main-wrapper">
<!--**********************************
Nav header start
***********************************-->
<div class="nav-header">
<div class="brand-logo">
<a href="login.html">
<b class="logo-abbr"><img src="/images/logo.png" alt=""> </b>
<span class="logo-compact"><img src="/images/logo-compact.png" alt=""></span>
<span class="brand-title">
<img src="/images/logo-text.png" alt="">
</span>
</a>
</div>
</div>
<!--**********************************
Nav header end
***********************************-->
<!--**********************************
Header start
***********************************-->
<div class="header">
<div class="header-content clearfix">
<div class="nav-control">
<div class="hamburger">
<span class="toggle-icon"><i class="icon-menu"></i></span>
</div>
</div>
<div class="header-left">
<div class="input-group icons">
<div class="input-group-prepend">
<span class="input-group-text bg-transparent border-0 pr-2 pr-sm-3" id="basic-addon1"><i class="mdi mdi-magnify"></i></span>
</div>
<input type="search" class="form-control" placeholder="Search Dashboard" aria-label="Search Dashboard">
<div class="drop-down d-md-none">
<form action="#">
<input type="text" class="form-control" placeholder="Search">
</form>
</div>
</div>
</div>
<!--<div class="header-right">
<ul class="clearfix">
<li class="icons dropdown"><a href="javascript:void(0)" data-toggle="dropdown">
<i class="mdi mdi-email-outline"></i>
<span class="badge gradient-1 badge-pill badge-primary">3</span>
</a>
<div class="drop-down animated fadeIn dropdown-menu">
<div class="dropdown-content-heading d-flex justify-content-between">
<span class="">3 New Messages</span>
</div>
<div class="dropdown-content-body">
<ul>
<li class="notification-unread">
<a href="javascript:void()">
<img class="float-left mr-3 avatar-img" src="/images/avatar/1.jpg" alt="">
<div class="notification-content">
<div class="notification-heading">Saiful Islam</div>
<div class="notification-timestamp">08 Hours ago</div>
<div class="notification-text">Hi Teddy, Just wanted to let you ...</div>
</div>
</a>
</li>
<li class="notification-unread">
<a href="javascript:void()">
<img class="float-left mr-3 avatar-img" src="/images/avatar/2.jpg" alt="">
<div class="notification-content">
<div class="notification-heading">Adam Smith</div>
<div class="notification-timestamp">08 Hours ago</div>
<div class="notification-text">Can you do me a favour?</div>
</div>
</a>
</li>
<li>
<a href="javascript:void()">
<img class="float-left mr-3 avatar-img" src="/images/avatar/3.jpg" alt="">
<div class="notification-content">
<div class="notification-heading">Barak Obama</div>
<div class="notification-timestamp">08 Hours ago</div>
<div class="notification-text">Hi Teddy, Just wanted to let you ...</div>
</div>
</a>
</li>
<li>
<a href="javascript:void()">
<img class="float-left mr-3 avatar-img" src="/images/avatar/4.jpg" alt="">
<div class="notification-content">
<div class="notification-heading">Hilari Clinton</div>
<div class="notification-timestamp">08 Hours ago</div>
<div class="notification-text">Hello</div>
</div>
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="icons dropdown"><a href="javascript:void(0)" data-toggle="dropdown">
<i class="mdi mdi-bell-outline"></i>
<span class="badge badge-pill gradient-2 badge-primary">3</span>
</a>
<div class="drop-down animated fadeIn dropdown-menu dropdown-notfication">
<div class="dropdown-content-heading d-flex justify-content-between">
<span class="">2 New Notifications</span>
</div>
<div class="dropdown-content-body">
<ul>
<li>
<a href="javascript:void()">
<span class="mr-3 avatar-icon bg-success-lighten-2"><i class="icon-present"></i></span>
<div class="notification-content">
<h6 class="notification-heading">Events near you</h6>
<span class="notification-text">Within next 5 days</span>
</div>
</a>
</li>
<li>
<a href="javascript:void()">
<span class="mr-3 avatar-icon bg-danger-lighten-2"><i class="icon-present"></i></span>
<div class="notification-content">
<h6 class="notification-heading">Event Started</h6>
<span class="notification-text">One hour ago</span>
</div>
</a>
</li>
<li>
<a href="javascript:void()">
<span class="mr-3 avatar-icon bg-success-lighten-2"><i class="icon-present"></i></span>
<div class="notification-content">
<h6 class="notification-heading">Event Ended Successfully</h6>
<span class="notification-text">One hour ago</span>
</div>
</a>
</li>
<li>
<a href="javascript:void()">
<span class="mr-3 avatar-icon bg-danger-lighten-2"><i class="icon-present"></i></span>
<div class="notification-content">
<h6 class="notification-heading">Events to Join</h6>
<span class="notification-text">After two days</span>
</div>
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="icons dropdown d-none d-md-flex">
<a href="javascript:void(0)" class="log-user" data-toggle="dropdown">
<span>English</span> <i class="fa fa-angle-down f-s-14" aria-hidden="true"></i>
</a>
<div class="drop-down dropdown-language animated fadeIn dropdown-menu">
<div class="dropdown-content-body">
<ul>
<li><a href="javascript:void()">English</a></li>
<li><a href="javascript:void()">Dutch</a></li>
</ul>
</div>
</div>
</li>
<li class="icons dropdown">
<div class="user-img c-pointer position-relative" data-toggle="dropdown">
<span class="activity active"></span>
<img src="/images/user/1.png" height="40" width="40" alt="">
</div>
<div class="drop-down dropdown-profile dropdown-menu">
<div class="dropdown-content-body">
<ul>
<li>
<a href="app-profile.html"><i class="icon-user"></i> <span>Profile</span></a>
</li>
<li>
<a href="email-inbox.html"><i class="icon-envelope-open"></i> <span>Inbox</span> <div class="badge gradient-3 badge-pill badge-primary">3</div></a>
</li>
<hr class="my-2">
<li>
<a href="page-lock.html"><i class="icon-lock"></i> <span>Lock Screen</span></a>
</li>
<li><a href="page-login.html"><i class="icon-key"></i> <span>Logout</span></a></li>
</ul>
</div>
</div>
</li>
</ul>
</div>-->
</div>
</div>
<!--**********************************
Header end ti-comment-alt
***********************************-->
<!--**********************************
Sidebar start
***********************************-->
<div class="nk-sidebar">
<div class="nk-nav-scroll">
<ul class="metismenu" id="menu">
<li>
<a class="ha-arrow" href="javascript:void()" aria-expanded="false">
<i class="icon-speedometer menu-icon"></i><span class="nav-text">裝置管理</span>
</a>
<ul aria-expanded="false">
<li><a href="shestatus.html">裝置狀態</a></li>
<li><a href="shewen.html">裝置報修</a></li>
<li><a href="/sheweninfo">裝置資訊</a></li>
</ul>
</li>
<li>
<a class="ha-arrow" href="javascript:void()" aria-expanded="false">
<i class="icon-speedometer menu-icon"></i><span class="nav-text">資訊管理</span>
</a>
<ul aria-expanded="false">
<li><a href="/hetongInfo">合同資訊</a></li>
<li><a href="/yuanInfo">員工資訊</a></li>
<li><a href="/yuanjixiao">員工績效</a></li>
<li><a href="/caiInfo">材料資訊</a></li>
<li><a href="/cpInfo">產品資訊</a></li>
</ul>
</li>
<li>
<a class="ha-arrow" href="javascript:void()" aria-expanded="false">
<i class="icon-speedometer menu-icon"></i><span class="nav-text">部門管理</span>
</a>
<ul aria-expanded="false">
<li><a href="/bumenInfo">部門資訊</a></li>
<li><a href="/secbumenInfo/蠟模部">蠟模部</a></li>
<li><a href="/secbumenInfo/數控部">數控部</a></li>
<li><a href="/secbumenInfo/制殼部">制殼部</a></li>
<li><a href="/secbumenInfo/後處理部">後處理部</a></li>
<li><a href="/secbumenInfo/熔化部">熔化部</a></li>
</ul>
</li>
<li>
<a class="ha-arrow" href="javascript:void()" aria-expanded="false">
<i class="icon-speedometer menu-icon"></i><span class="nav-text">生產管理</span>
</a>
<ul aria-expanded="false">
<li><a href="./directorProductPlan.html">生產計劃進度</a></li>
<li><a href="/getzhijianlist">工序檢驗</a></li>
</ul>
</li>
<li>
<a class="ha-arrow" href="javascript:void()" aria-expanded="false">
<i class="icon-speedometer menu-icon"></i><span class="nav-text">工資管理</span>
</a>
<ul aria-expanded="false">
<li><a href="./moneyManager.html">基礎工資資訊</a></li>
<li><a href="./moneyPerson.html">個人工資計算</a></li>
</ul>
</li>
<li>
<a class="ha-arrow" href="javascript:void()" aria-expanded="false">
<i class="icon-speedometer menu-icon"></i><span class="nav-text">工單管理</span>
</a>
<ul aria-expanded="false">
<li><a href="./directorProductPlan.html">生產工單</a></li>
<li><a href="./directorPlanTrait.html">報工管理</a></li>
<li><a href="./directorProductPlan.html">工序質檢單</a></li>
<li><a href="./directorPlanTrait.html">生產領料單</a></li>
<li><a href="./directorProductPlan.html">生產退料單</a></li>
</ul>
</li>
<li>
<a class="ha-arrow" href="javascript:void()" aria-expanded="false">
<i class="icon-speedometer menu-icon"></i><span class="nav-text">採購管理</span>
</a>
<ul aria-expanded="false">
<li><a href="./buyCheckThing.html">材料採購申請表</a></li>
<li><a href="./buyOrder.html">材料採購訂單</a></li>
<li><a href="./shou.html">收貨單</a></li>
<li><a href="./tui.html">退貨單</a></li>
</ul>
</li>
<li>
<a class="ha-arrow" href="javascript:void()" aria-expanded="false">
<i class="icon-speedometer menu-icon"></i><span class="nav-text">倉庫資訊管理</span>
</a>
<ul aria-expanded="false">
<li><a href="./wareInput.html">入庫單</a></li>
<li><a href="./wareOutput.html">出庫單</a></li>
<li><a href="./wareMaterial.html">材料庫存表</a></li>
<li><a href="./wareProduct.html">產品庫存表</a></li>
</ul>
</li>
<li>
<a class="ha-arrow" href="javascript:void()" aria-expanded="false">
<i class="icon-speedometer menu-icon"></i><span class="nav-text">資料分析</span>
</a>
<ul aria-expanded="false">
<li><a href="./thingBuyOrder.html">工單進度分析</a></li>
<li><a href="buyOrder.html">質量監控</a></li>
<li><a href="buyOrder.html">裝置報表</a></li>
<li><a href="./thingBuyOrder.html">裝置維修分析</a></li>
<li><a href="buyOrder.html">質量監控</a></li>
<li><a href="buyOrder.html">裝置報表</a></li>
</ul>
</li>
</ul>
</div>
</div>
<!--**********************************
Sidebar end
***********************************-->
<!--**********************************
Content body start
***********************************-->
<div class="content-body">
<div class="row page-titles mx-0">
<div class="col p-md-0">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="javascript:void(0)">Dashboard</a></li>
<li class="breadcrumb-item active"><a href="javascript:void(0)">Home</a></li>
</ol>
</div>
</div>
<!-- row -->
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body">
<h4 class="card-title">材料資訊表</h4>
<div class="table-responsive">
<table class="table table-striped table-bordered zero-configuration">
<thead>
<tr>
<th>材料編號</th>
<th>材料名稱</th>
<th>所屬產品</th>
<th>材料數量</th>
</tr>
</thead>
<tbody>
<tr th:each="per:${list}">
<td th:text="${per.getCaiid()}"></td>
<td th:text="${per.getCainame()}"></td>
<td th:text="${per.getCaicpname()}"></td>
<td th:text="${per.getCainum()}"></td>
<td>
<a>修改</a>
<a>刪除</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- #/ container -->
</div>
<!--**********************************
Content body end
***********************************-->
<!--**********************************
Footer start
***********************************-->
<div class="footer">
<div class="copyright">
<p>Copyright © Designed & Developed by <a href="https://themeforest.net/user/quixlab">Quixlab</a> 2018</p>
</div>
</div>
<!--**********************************
Footer end
***********************************-->
</div>
<!--**********************************
Main wrapper end
***********************************-->
<!--**********************************
Scripts
***********************************-->
<script src="/plugins/common/common.min.js"></script>
<script src="/js/custom.min.js"></script>
<script src="/js/settings.js"></script>
<script src="/js/gleek.js"></script>
<script src="/js/styleSwitcher.js"></script>
<script src="/plugins/tables/js/jquery.dataTables.min.js"></script>
<script src="/plugins/tables/js/datatable/dataTables.bootstrap4.min.js"></script>
<script src="/plugins/tables/js/datatable-init/datatable-basic.min.js"></script>
</body>
</html>