<%@ 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> 
 |