2024.10.31(週四)

记得关月亮發表於2024-11-04
<!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 &copy; 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>

相關文章