From d9c12a72cbff5ac73e72611e7fc7c06bc6ac177b Mon Sep 17 00:00:00 2001 From: lch <luluchen515@163.com> Date: 星期五, 23 八月 2024 16:09:20 +0800 Subject: [PATCH] 盘点单,销售出库 优化 --- pages/CangKuManage/GS_CKPDD.html | 232 +++++++++++++++++++++++++++++++++------------------------ 1 files changed, 135 insertions(+), 97 deletions(-) diff --git a/pages/CangKuManage/GS_CKPDD.html b/pages/CangKuManage/GS_CKPDD.html index 8480f5f..96c0b73 100644 --- a/pages/CangKuManage/GS_CKPDD.html +++ b/pages/CangKuManage/GS_CKPDD.html @@ -1,16 +1,16 @@ - <!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" /> @@ -19,14 +19,11 @@ <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 { /*鏌ヨ淇℃伅灞炴��*/ background-color: #FFE48D; @@ -36,8 +33,8 @@ </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> @@ -47,16 +44,16 @@ <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"> @@ -66,33 +63,63 @@ </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> <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> + <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> + + <div class="mui-content" id="contentId"> + <div class="mui-input-group"> </div> - </td> - </tr> - </div> + <div class="mui-input-row"> + <ul class="mui-table-view"> + <li class="mui-table-view-cell mui-collapse mui-active"> + <a class="mui-navigate-right font" href="#" style="font-size: 20px; text-align: center;" + onclick="showdetail()">姹囨�绘槑缁�</a> + + <div class="mui-collapse-content" id="collapseId"> + + </div> + </li> + + </ul> + </div> + </div> + <div class="mui-input-row" id="divdetail" style="display:none"> + <div style="width:20%;float: left;"> + <label style="width: 100%;float: left;">鎵规</label> + </div> + <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="height:200px;display:none"></textarea> + <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;"> @@ -102,81 +129,92 @@ </h4> </div> </div> + + <div class="data-table-container" style="height: 100%; width: 100%;"> - <table class="data-table" id="myTable" style="height: 100%; width: 100%;"> - <!-- 琛ㄦ牸浠g爜 --> - <table class="data-table" id="myTable" style="height:100% width: 100%;;"> - <thead> - <tr> - <th>鏉$爜缂栧彿</th> -<!-- <th>鐗╂枡浠g爜</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%;"> + <!-- 琛ㄦ牸浠g爜 --> + <table class="data-table" id="myTable" style="height:100% width: 100%;;"> + <thead> + <tr> + <th>鏉$爜缂栧彿</th> + <!-- <th>鐗╂枡浠g爜</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> \ No newline at end of file + /* 娣诲姞琛ㄦ牸鏍峰紡 */ + .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> \ No newline at end of file -- Gitblit v1.9.3