<!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"> <div class="form-validation"> <form class="form-valide" action="ewen" method="post"> <div class="form-group row"> <label class="col-lg-4 col-form-label" for="relateId">關聯申請單號<span class="text-danger">*</span> </label> <div class="col-lg-6"> <select class="form-control" id="relateId" name="relateId"> <option value="">請選擇</option> <option value="S2021">S2021-1</option> <option value="S2022">S2022-2</option> <option value="S2023">S2023-3</option> <option value="S2024">S2024-4</option> </select> </div> </div> <div class="form-group row"> <label class="col-lg-4 col-form-label" for="giveIn">供應商<span class="text-danger">*</span> </label> <div class="col-lg-6"> <select class="form-control" id="giveIn" name="giveIn"> <option value="">請選擇</option> <option value="S2021">CS_韻達公司001</option> <option value="S2022">CS_順豐公司002</option> <option value="S2023">CS_網易公司003</option> <option value="S2024">CS_驛站公司004</option> </select> </div> </div> <div class="form-group row"> <label class="col-lg-4 col-form-label">採購日期<span class="text-danger">*</span> </label> <div class="col-lg-6"> <input type="text" class="form-control" name="days" placeholder="採購日期自動生成" readonly> </div> </div> <div class="form-group row"> <label class="col-lg-4 col-form-label">簽訂人<span class="text-danger">*</span> </label> <div class="col-lg-6"> <input type="text" class="form-control" name="person" placeholder="簽訂人編號自動出現" readonly> </div> </div> <div class="form-group row"> <label class="col-lg-4 col-form-label" for="materialId">材料編號<span class="text-danger">*</span> </label> <div class="col-lg-6"> <select class="form-control" id="materialId" name="materialId"> <option value="">請選擇</option> <option value="S2021">S1001</option> <option value="S2022">S1002</option> <option value="S2023">S1003</option> <option value="S2024">S1004</option> </select> </div> </div> <div class="form-group row"> <label class="col-lg-4 col-form-label">材料數量<span class="text-danger">*</span> </label> <div class="col-lg-6"> <input type="text" class="form-control" name="count" placeholder="請輸入材料數量"> </div> </div> <div class="form-group row"> <div class="col-lg-8 ml-auto"> <button type="submit" class="btn btn-primary">提交<tton> </div> </div> </form> </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>