| <%@ page language="java" contentType="text/html; charset=UTF-8" | 
|     pageEncoding="UTF-8"%> | 
|     <%@ include file="../../include/core.jsp" %> | 
| <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | 
| <html> | 
| <head> | 
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | 
| <title></title> | 
|   | 
| <script type="text/javascript" src="${path }/jsFiles/matCode.js"></script> | 
| <style type="text/css"> | 
| .modal-dialog {  | 
|     position: absolute;  | 
|     top: 0;  | 
|     bottom: 0;  | 
|     left: 0;  | 
|     right: 0;  | 
| }  | 
|   | 
| .modal-content {  | 
|     /*overflow-y: scroll; */  | 
|     position: absolute;  | 
|     top: 0;  | 
|     bottom: 0;  | 
|     height :60%; | 
|     width: 100%;  | 
| }  | 
|   | 
| .modal-body { | 
|     overflow-y: scroll;  | 
|     position: absolute;  | 
|     top: 55px;      | 
|     bottom: 65px;   | 
|     width: 100%;  | 
| }  | 
|   | 
| .modal-header .close {margin-right: 15px;}  | 
|   | 
| .modal-footer { | 
|     position: absolute;  | 
|     width: 100%;  | 
|     bottom: 0;  | 
| } | 
| </style> | 
| </head> | 
| <body> | 
|   | 
| <!-- search --> | 
| <div class="panel panel-default"> | 
|     <div class="panel-body"> | 
|         <form id="conForm" class="form-inline"> | 
|             <input type="text" class="form-control" style="width:20%" id="mat_no2" name="mat_no2" placeholder="箱号"> | 
|             <input type="text" class="form-control" style="width:20%" id="mat_name2" name="mat_name2" placeholder="搜索">             | 
|              | 
|             <button type="button" onclick="getMatCodeByCon()" class="btn btn-info "> | 
|            <span class="glyphicon glyphicon-search" aria-hidden="true" >  搜索</span></button> | 
|         </form> | 
|     </div> | 
| </div> | 
|   | 
| <!--表格自动出现水平滚动条--> | 
| <div class="table-responsive"> | 
| <!-- <div style="overflow:scroll;"> --> | 
| <!-- <table id="test-table" class="table table-hover table-striped table-condensed table-bordered"></table> --> | 
| <table id="test-table" class="table table-hover text-nowrap"></table> | 
| </div> | 
|   | 
| <!--toolbar  --> | 
| <div id="toolbar" class="btn-toolbar"> | 
| <!--     <button id="addButton" onclick="addMatCode()" type="button" class="btn btn-success"> --> | 
| <!--       <span class="glyphicon glyphicon-plus" aria-hidden="true">添加</span> --> | 
| <!--     </button> --> | 
| <!--     <button id="deleteButton" type="button" onclick="delMany()" class="btn btn-danger"> --> | 
| <!--       <span class="glyphicon glyphicon-trash" aria-hidden="true">删除</span> --> | 
| <!--     </button> --> | 
|     <button id="importButton" onclick="ImportExcel()" type="button" class="btn btn-success"> | 
|       <span class="glyphicon glyphicon-copy" aria-hidden="true" >导入</span> | 
|     </button> | 
|     <button id="exportButton" onclick="ExportExcel()" type="button" class="btn btn-success"> | 
|       <span class="glyphicon glyphicon-paste" aria-hidden="true" >导出</span> | 
|     </button> | 
|     <button id="printButton" onclick="print()" type="button" class="btn btn-info"> | 
|       <span class="glyphicon glyphicon-print" aria-hidden="true" >打印条码</span> | 
|     </button> | 
| </div> | 
|   | 
| <!-- 模态框(Modal) --> | 
| <!-- 添加 --> | 
| <div id="addDlg" class="modal fade" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false" aria-labelledby="myModalLabel" aria-hidden="true"> | 
|     <div class="modal-dialog"> | 
|         <div class="modal-content"> | 
|             <div class="modal-header"> | 
|                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | 
|                 <h4 class="modal-title" id="myModalLabel">添加</h4> | 
|             </div> | 
|              | 
|             <div class="modal-body"> | 
|             <form class="form-horizontal" id="addForm"  method="post"> | 
|              | 
|             <div class="form-group"> | 
|             <label class="col-md-3 control-label">物料编码:</label> | 
|             <div class="col-md-6 "> | 
|             <input type="text" id="mat_no1" name="mat_no" onblur="checkMatCode()" class="form-control form-control-static" placeholder="必填"> | 
|             <span id="info" style="color:red"></span> | 
|             </div> | 
|             </div> | 
|              | 
|             <div class="form-group"> | 
|             <label class="col-md-3 control-label">物料名称:</label> | 
|             <div class="col-md-6"> | 
|             <input type="text" id="mat_name1" name="mat_name" class="form-control form-control-static" placeholder="必填"> | 
|             </div> | 
|             </div> | 
|              | 
|             <div class="form-group"> | 
|             <label class="col-md-3 control-label">物料单位:</label> | 
|             <div class="col-md-6"> | 
|             <input type="text" id="str11" name="str1" class="form-control form-control-static" placeholder="必填"> | 
|             </div> | 
|             </div> | 
|              | 
|             <div class="form-group"> | 
|             <label class="col-md-3 control-label">物料规格:</label> | 
|             <div class="col-md-6"> | 
|             <input type="text" id="str21" name="str2" class="form-control form-control-static" placeholder="必填"> | 
|             </div> | 
|             </div> | 
|              | 
|                 <input type="reset" name="reset" style="display: none;" /> | 
|             </form> | 
|             </div> | 
|                  | 
|             <div class="modal-footer"> | 
|             <!--用来清空表单数据--> | 
|                 <button type="button" class="btn btn-default" onclick="closedlg()">关闭</button> | 
|                <button type="button" onclick="insertMatCode()" class="btn btn-primary">保存</button> | 
|             </div> | 
|              | 
|         </div><!-- /.modal-content --> | 
|     </div><!-- /.modal --> | 
| </div> | 
|   | 
|   | 
| <!-- 模态框(Modal) --> | 
| <!-- 修改 --> | 
| <div id="mydlg" class="modal fade"  tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false" aria-labelledby="myModalLabel" aria-hidden="true"> | 
|     <div class="modal-dialog"> | 
|         <div class="modal-content"> | 
|             <div class="modal-header"> | 
|                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | 
|                 <h4 class="modal-title" id="myModalLabel">修改</h4> | 
|             </div> | 
|              | 
|             <div class="modal-body"> | 
|             <form class="form-horizontal" id="myform"  method="post"> | 
|              | 
|             <div class="form-group"> | 
|             <label class="col-md-3 control-label">物料编码:</label> | 
|             <div class="col-md-6 "> | 
|             <input type="text" readonly="readonly" id="mat_no" name="mat_no" > | 
|             </div> | 
|             </div> | 
|              | 
|             <div class="form-group"> | 
|             <label class="col-md-3 control-label">物料名称:</label> | 
|             <div class="col-md-6 "> | 
|             <input type="text" id="mat_name"  name="mat_name" class="form-control form-control-static" placeholder="必填"> | 
|             </div> | 
|             </div> | 
|              | 
|             <div class="form-group"> | 
|             <label class="col-md-3 control-label">物料单位:</label> | 
|             <div class="col-md-6"> | 
|             <input type="text" id="str1" name="str1" class="form-control form-control-static" placeholder="必填"> | 
|             </div> | 
|             </div> | 
|              | 
|             <div class="form-group"> | 
|             <label class="col-md-3 control-label">物料规格:</label> | 
|             <div class="col-md-6"> | 
|             <input type="text" id="str2" name="str2" class="form-control form-control-static" placeholder="必填"> | 
|             </div> | 
|             </div> | 
|              | 
|                 <input type="reset" name="reset" style="display: none;" />             | 
|             </form> | 
|             </div> | 
|              | 
|             <div class="modal-footer"> | 
|             <!--用来清空表单数据-->             | 
|                 <button type="button" class="btn btn-default" onclick="closedlg()">关闭</button> | 
|                <button type="button" onclick="upMatCode()" class="btn btn-primary">保存</button> | 
|             </div> | 
|              | 
|         </div><!-- /.modal-content --> | 
|     </div><!-- /.modal --> | 
| </div> | 
|   | 
| <!-- 模态框(Modal) --> | 
| <!-- 导入--> | 
| <div id="importDlg" class="modal fade" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false" aria-labelledby="myModalLabel" aria-hidden="true"> | 
|     <div class="modal-dialog"> | 
|         <div class="modal-content"> | 
|             <div class="modal-header"> | 
|                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | 
|                 <h4 class="modal-title" id="myModalLabel">导入</h4> | 
|             </div> | 
|              | 
|             <div class="modal-body"> | 
|             <form class="form-horizontal" id="importForm"  method="post" enctype="multipart/form-data"> | 
|              | 
|             <div class="form-group"> | 
|             <label class="col-md-4 control-label">导入文件:</label> | 
|             <div class="col-md-8 "> | 
|             <input  type="file" name="files" class="form-control form-control-static "> | 
|             </div> | 
|             </div> | 
|              | 
|             <!--用来清空表单数据--> | 
|             <input type="reset" name="reset" style="display: none;" />             | 
|             </form> | 
|             </div> | 
|              | 
|             <div class="modal-footer">             | 
|                 <button type="button" class="btn btn-default" onclick="closedlg()">关闭</button> | 
|                <button type="button" onclick="importExcel()" class="btn btn-primary">保存</button> | 
|             </div> | 
|         </div><!-- /.modal-content --> | 
|     </div><!-- /.modal --> | 
| </div> | 
|   | 
| </body> | 
| </html> |