| | |
| | | |
| | | <!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="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 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" /> |
| | |
| | | <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> |
| | | |
| | | |
| | | <script type="text/javascript" src="../../lib/base_js/js/common.js"></script> |
| | | |
| | | <link rel="stylesheet" href="../../lib/base_js/css/common.css" /> |
| | | <style> |
| | | #info { |
| | |
| | | </head> |
| | | |
| | | <body> |
| | | |
| | | <div class="mui-input-group mui-content" > |
| | | |
| | | <div class="mui-input-group mui-content"> |
| | | <!-- <div class="mui-input-row "> |
| | | <div style=" float: left; "> |
| | | <label class="row-title">人员</label> |
| | |
| | | <input type="text" id="input" placeholder="输入关键字进行查询"> |
| | | <div class="mui-input-row" id="row001"> |
| | | <label>盘点单号</label> |
| | | <select id="order" class="mui-h5 " style="margin:auto; color:#000;" > |
| | | <select id="order" class="mui-h5 " style="margin:auto; color:#000;"> |
| | | <option value="">请选择盘点单号</option> |
| | | </select> |
| | | </div> |
| | | </div> |
| | | <div class="mui-input-row" id="div002"> |
| | | <div style="width:20%;float: left;"> |
| | | <label style="width: 100%;float: left;">库位</label> |
| | | </div> |
| | | <div style="width: 45%;float: left;"> |
| | | <input id="MBA001" type="text" value="" class="text-color" placeholder="请扫描库位" |
| | | <input id="MBA001" type="text" value="" class="text-color" placeholder="请扫描库位" |
| | | style="width: 100%;float: left;" onkeypress="GetStoreTAA()" /> |
| | | </div> |
| | | <div style="width: 35%;float: left;" class="mui-checkbox mui-left"> |
| | |
| | | </div> |
| | | <div class="mui-input-row" id="row001"> |
| | | <label>物料条码</label> |
| | | <input id="DAB001" type="text" value="" class="mui-input-clear text-color" placeholder="请扫描条码" onkeypress="GetBarInfoTAA()" /> |
| | | <input id="DAB001" type="text" value="" class="mui-input-clear text-color" placeholder="请扫描条码" |
| | | onkeypress="GetBarInfoTAA()" /> |
| | | </div> |
| | | <div class="mui-input-row" id="row001"> |
| | | <label>物料编码</label> |
| | | <input id="DAB020" type="text" value="" class="mui-input-clear text-color" readonly="readonly" /> |
| | | <input id="DAB020" type="text" value="" class="mui-input-clear text-color" readonly="readonly" /> |
| | | </div> |
| | | <div class="mui-input-row" id="row001"> |
| | | <label>条码数量</label> |
| | | <input id="txtSL" type="text" value="" class="mui-input-clear text-color" readonly="readonly" /> |
| | | <input id="txtSL" type="text" value="" class="mui-input-clear text-color" readonly="readonly" /> |
| | | </div> |
| | | <div class="mui-input-row" id="row001"> |
| | | <label>实盘数量</label> |
| | | <input id="SPSL" type="text" value="" class="mui-input-clear text-color" placeholder="请输入实盘数量" /> |
| | | </div> |
| | | |
| | | <tr> |
| | | <td class="quantity-cell"> |
| | | <div class="center-content"> |
| | | <button class="confirm-button" onclick="confirmQuantity()">确认</button> |
| | | <div class="mui-input-row" id="row001"> |
| | | <tr> |
| | | <td class="quantity-cell"> |
| | | <div class="center-content"> |
| | | <div style="width: 50%;float: left;" class="mui-checkbox mui-left"> |
| | | <label style="width: 100%;float: left;">默认确认</label> |
| | | <input id="barcheck" name="checkbox" value="" type="checkbox"> |
| | | </div> |
| | | <button style="width: 80%;" class="confirm-button" onclick="confirmQuantity()">确认</button> |
| | | </div> |
| | | </td> |
| | | </tr> |
| | | </div> |
| | | |
| | | <button style="width: 100%; margin: 0 auto; font-size: 18px;" onclick="showdetail()">展开/收起汇总明细</button> |
| | | <div class="mui-input-row" id="divdetail" style="display:none"> |
| | | <div style="width:20%;float: left;"> |
| | | <label style="width: 100%;float: left;">批次</label> |
| | | </div> |
| | | </td> |
| | | </tr> |
| | | <select id="spici" style="width:20%" onchange="GetInfopici()"> |
| | | |
| | | </select> |
| | | <button style="width: 60%;float: right;" class="confirm-button" onclick="huizong()">汇总</button> |
| | | </div> |
| | | <textarea readonly="readonly" id='info' style="display:none"></textarea> |
| | | |
| | | <div id="txtInfo"><!--<div class="mui-input-row" style="height: 350px; margin-top: 10px;">--> |
| | | <div class="link-area" id="div001"> |
| | |
| | | </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> |
| | | <th>实盘库位</th> |
| | | </tr> |
| | | </thead> |
| | | <tbody> |
| | | <!-- 表格内容将通过 JS 动态生成 --> |
| | | </tbody> |
| | | <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> |
| | | <th>实盘数量</th> |
| | | <th>实盘库位</th> |
| | | </tr> |
| | | </thead> |
| | | <tbody> |
| | | <!-- 表格内容将通过 JS 动态生成 --> |
| | | </tbody> |
| | | </table> |
| | | </table> |
| | | </table> |
| | | </div> |
| | | </div> |
| | | <script type="text/javascript" src="../../js/CangKuManage_js/GS_CKPDD.js" ></script> |
| | | <script type="text/javascript" src="../../js/CangKuManage_js/GS_CKPDD.js"></script> |
| | | |
| | | </body> |
| | | </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: 30px; /* 调整下拉选项的字体大小 */ |
| | | padding: 20px; /* 调整下拉选项的内边距 */ |
| | | } |
| | | |
| | | .confirm-button { |
| | | margin-top: 5px; /* 设置按钮与数量文本的垂直距离 */ |
| | | font-size: 15px; /* 设置按钮的字体大小 */ |
| | | padding: 5px 10px; /* 设置按钮的内边距 */ |
| | | background-color: #f0f0f0; /* 设置按钮的背景颜色 */ |
| | | border: none; /* 移除按钮的边框 */ |
| | | cursor: pointer; /* 设置鼠标样式为手型 */ |
| | | width: 150px; |
| | | } |
| | | |
| | | .center-content { |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | height: 100%; |
| | | } |
| | | |
| | | </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: 30px; |
| | | /* 调整下拉选项的字体大小 */ |
| | | padding: 20px; |
| | | /* 调整下拉选项的内边距 */ |
| | | } |
| | | |
| | | .confirm-button { |
| | | margin-top: 5px; |
| | | /* 设置按钮与数量文本的垂直距离 */ |
| | | font-size: 15px; |
| | | /* 设置按钮的字体大小 */ |
| | | padding: 5px 10px; |
| | | /* 设置按钮的内边距 */ |
| | | background-color: #f0f0f0; |
| | | /* 设置按钮的背景颜色 */ |
| | | border: none; |
| | | /* 移除按钮的边框 */ |
| | | cursor: pointer; |
| | | /* 设置鼠标样式为手型 */ |
| | | width: 150px; |
| | | } |
| | | |
| | | .center-content { |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | height: 100%; |
| | | } |
| | | </style> |