<!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>
