|
<!doctype html>
|
<html>
|
|
<head>
|
<meta charset="UTF-8">
|
<title>库位绑定</title>
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
<!-- <link rel="stylesheet" href="../../lib/base_js/css/common.css" /> -->
|
<script type="text/javascript" src="../../lib/jquery/js/jquery.min.js"></script>
|
<script type="text/javascript" src="../../lib/easyui/js/jquery.easyui.min.js" ></script>
|
<script src="../../lib/mui/js/mui.min.js"></script>
|
<link href="../../lib/mui/css/mui.min.css" rel="stylesheet" />
|
<link href="../../lib/mui/css/mui.picker.min.css" rel="stylesheet" />
|
<link href="../../lib/mui/css/mui.poppicker.css" rel="stylesheet" />
|
<script src="../../lib/mui/js/mui.picker.min.js"></script>
|
<script src="../../lib/mui/js/mui.poppicker.js"></script>
|
<!--<script type="text/SetInputFoucsjavascript" src="../../lib/base_js/js/common.js" ></script>-->
|
<script type="text/javascript" src="../../lib/base_js/js/app.js"></script>
|
|
<script type="text/javascript" src="../../lib/base_js/js/common.js" ></script>
|
|
<link rel="stylesheet" href="../../lib/base_js/css/common.css" />
|
<style>
|
#info {
|
/*查询信息属性*/
|
background-color: #FFE48D;
|
}
|
</style>
|
|
</head>
|
|
<body>
|
<div class="mui-input-group mui-content">
|
<div class="mui-input-row">
|
<label>客户查询</label>
|
<input type="text" id="searchInput" placeholder="请输入查询条件">
|
</div>
|
<div class="mui-input-row" id="row001">
|
<label>客户</label>
|
<select id="GYS" style="margin:auto; color:#000;font-size: 18px" onchange="GetInfoDFA()" >
|
<option value="">请选择客户</option>
|
</select>
|
</div>
|
<div class="mui-input-row">
|
<label>通知单查询</label>
|
<input type="text" id="searchInput1" placeholder="请输入查询条件" onblur="GetInfoDFA()">
|
</div>
|
<div class="mui-input-row" id="row002">
|
<label>发货通知单</label>
|
<select id="DFA001" style="margin:auto; color:#000;font-size: 18px" onchange="GetInfoITEMNO()" >
|
<option value="">请选择发货通知单</option>
|
</select>
|
</div>
|
<div class="mui-input-row" id="row003">
|
<label>物料编码</label>
|
<select id="ITEMNO" style="margin:auto; color:#000;font-size: 18px" onchange="GetInfoBarcode()" >
|
<option value="">请选择物料编码</option>
|
</select>
|
</div>
|
<div class="mui-input-row" id="row001">
|
<label>条码</label>
|
<input id="DAB001" type="text" value="" class="mui-input-clear text-color" placeholder="请扫描条码" onkeypress="CheckBarInfo()" />
|
</div>
|
<div class="mui-input-row" id="row001">
|
<label>已扫合计</label>
|
<input id="YSHJ" type="text" value="" class="mui-input-clear text-color" readonly />
|
</div>
|
<div class="mui-input-row" id="row001">
|
<label>数量合计</label>
|
<input id="SLHJ" type="text" value="" class="mui-input-clear text-color" readonly />
|
</div>
|
<div id="txtInfo"><!--<div class="mui-input-row" style="height: 350px; margin-top: 10px;">-->
|
<div class="link-area" id="div001">
|
<h4 style="color: #008000; text-align: center;">
|
条码明细
|
</h4>
|
</div>
|
</div>
|
<div class="data-table-container" style="height: 100%; width: 100%;">
|
<table class="data-table" id="myTable" style="height: 100%; width: 100%;">
|
<!-- 表格代码 -->
|
<table class="data-table" id="myTable" style="height:100% width: 100%;;">
|
<thead>
|
<tr>
|
<th>物料编码</th>
|
<th>到货通知单</th>
|
<th>条码</th>
|
<th>数量</th>
|
<th>是否核对</th>
|
</tr>
|
</thead>
|
<tbody>
|
<!-- 表格内容将通过 JS 动态生成 -->
|
</tbody>
|
</table>
|
</table>
|
</div>
|
|
</div>
|
<script type="text/javascript" src="../../js/CangKuManage_js/XSHD.js" ></script>
|
<script type="text/javascript" src="../../js/CangKuManage_js/print_template.js" ></script>
|
<script type="text/javascript" src="../../js/api.js" ></script>
|
<script>//模糊查询
|
// 模糊查询函数
|
function searchItems() {
|
var input, filter, select, option, i, txtValue;
|
input = document.getElementById("searchInput");
|
filter = input.value.toUpperCase();
|
select = document.getElementById("GYS");
|
option = select.getElementsByTagName("option");
|
|
// 遍历所有选项，隐藏不匹配的项并显示匹配的项
|
for (i = 0; i < option.length; i++) {
|
txtValue = option[i].text || option[i].innerText;
|
if (txtValue.toUpperCase().indexOf(filter) > -1) {
|
option[i].style.display = "";
|
} else {
|
option[i].style.display = "none";
|
}
|
}
|
}
|
|
|
function searchItems1() {
|
var input, filter, select, option, i, txtValue;
|
input = document.getElementById("searchInput1");
|
filter = input.value.toUpperCase();
|
select = document.getElementById("DFA001");
|
option = select.getElementsByTagName("option");
|
|
// 遍历所有选项，隐藏不匹配的项并显示匹配的项
|
for (i = 0; i < option.length; i++) {
|
txtValue = option[i].text || option[i].innerText;
|
if (txtValue.toUpperCase().indexOf(filter) > -1) {
|
option[i].style.display = "";
|
} else {
|
option[i].style.display = "none";
|
}
|
}
|
}
|
|
// 监听输入框的输入事件，触发模糊查询
|
document.getElementById("searchInput").addEventListener("input", searchItems);
|
//document.getElementById("searchInput1").addEventListener("input", searchItems1);
|
</script>
|
</body>
|
|
</html>
|
<style>
|
/* 添加表格样式 */
|
.data-table {
|
width: 100%;
|
border-collapse: collapse;
|
overflow-x: auto; /* 水平滚动条 */
|
}
|
|
|
.data-table th,
|
.data-table td {
|
border: 1px solid #ccc;
|
padding: 3px;
|
text-align: left;
|
word-wrap: break-word;
|
white-space: pre-wrap;
|
text-overflow: ellipsis; /* 文本截断和省略号 */
|
overflow: hidden;
|
font-size: 10px;
|
}
|
|
/* 媒体查询 */
|
@media (max-width: 768px) {
|
.data-table {
|
/* 调整表格样式以适应小屏幕 */
|
}
|
}
|
|
option {
|
font-size: 25px; /* 调整下拉选项的字体大小 */
|
padding: 20px; /* 调整下拉选项的内边距 */
|
}
|
</style>
|
