��<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>�l�l�{ĉ <style> *{margin:0;padding:0;box-sizing:border-box} body{font-family:Microsoft YaHei,Arial,sans-serif;background:#f9f9f9;color:#333} .container{max-width:1200px;margin:0 auto;background:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.05);overflow:hidden} header{background:#1a567d;color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center} header h1{margin:0;font-size:1.6rem} .btn{padding:8px 18px;background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:6px;text-decoration:none;font-size:14px;transition:.3s;display:inline-block} .btn:hover{background:rgba(255,255,255,.25)} .info-bar{padding:10px 20px;color:#888;font-size:13px;border-bottom:1px solid #eee} .table-wrap{overflow-x:auto;padding:15px} table{width:100%;border-collapse:collapse;font-size:14px} th,td{border-bottom:1px solid #e8e8e8;padding:10px 8px;text-align:center} th{background:#f5f7fa;font-weight:600;cursor:pointer;color:#555;font-size:13px;position:sticky;top:0} th:hover{background:#e8ecf1} td{color:#444} .sort-asc{background:#d6e8f7}.sort-asc .sort-icon::after{content:'\25B2';color:#1a567d} .sort-desc{background:#d6e8f7}.sort-desc .sort-icon::after{content:'\25BC';color:#1a567d} tr:nth-child(even){background:#fafbfc} tr:hover{background:#f0f7ff}.row-copied{background:#c8e6c9 !important;transition:background .3s} .empty{text-align:center;padding:40px;color:#999} footer{background:#1a567d;color:#fff;text-align:center;padding:24px 20px;margin-top:30px;font-size:14px;line-height:2} @media(max-width:768px){header h1{font-size:1.3rem}table{font-size:12px}th,td{padding:6px 4px}.col-remark{display:none !important}} @media(max-width:768px){ .action-bar{position:fixed;bottom:0;left:0;right:0;background:#323232;color:#fff;display:flex;justify-content:space-around;align-items:center;padding:3px 12px;padding-bottom:max(3px,env(safe-area-inset-bottom));z-index:9999;transform:translateY(100%);transition:transform 0.3s;box-shadow:0 -2px 8px rgba(0,0,0,.3)} .action-bar.show{transform:translateY(0)} .action-bar .ab-btn{background:none;border:none;color:#fff;font-size:13px;padding:10px 16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;outline:none;-webkit-tap-highlight-color:transparent} .action-bar .ab-btn:active{opacity:0.7} .action-bar .ab-count{font-size:12px;color:#90caf9;margin-bottom:4px;text-align:center} } .custom-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:99999;visibility:hidden;opacity:0;transition:opacity .25s} .custom-modal.show{visibility:visible;opacity:1} .custom-modal .cm-box{background:#fff;border-radius:12px;width:280px;overflow:hidden;text-align:center;box-shadow:0 8px 30px rgba(0,0,0,.3);transform:translateY(20px);transition:transform .25s} .custom-modal.show .cm-box{transform:translateY(0)} .custom-modal .cm-msg{padding:24px 20px 16px;font-size:17px;color:#333;line-height:1.6} .custom-modal .cm-btns{display:flex;border-top:1px solid #eee} .custom-modal .cm-btn{flex:1;padding:14px 0;font-size:16px;border:none;background:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent} .custom-modal .cm-btn:active{background:#f5f5f5} .cm-btn-ok{color:#333;font-weight:bold} .cm-sub{display:block;margin-top:6px;font-size:13px;color:#888}.cm-btn-cancel{color:#666;border-left:1px solid #eee} </style> </head> <body> <div class="container"> <header><h1>�l�l�{ĉ<div><a href="/" class="btn">ԏ�V��u�</a> </div></header> <div class="info-bar">�p�QRh��<span style="color:red">�S�c�^</span> / qQ 51 ag��U_</div> <div class="table-wrap"><div id="list"><div class="empty">�R}�-N...</div></div></div> </div> <footer> <div style="font-size:18px;font-weight:bold;margin-bottom:10px">N��^/n�mSňPg�e gP�lQ�S</div> <div>0W@W�^NwN��^N�WW�S�)nhT��c4lW�3�S</div> <div>V�HQu �18617264426��_�O T�S �</div> <div>���{�laiwwen@qq.com</div> </footer> <div class="action-bar" id="actionBar"> <span class="ab-count" id="abCount"></span> <button class="ab-btn" onclick="doShare()"><span class="ab-icon">&#x1F4AC;</span>�T�</button> <button class="ab-btn" onclick="doCall()"><span class="ab-icon">&#x1F4DE;</span>5u݋</button><button class="ab-btn" onclick="closePage()"><span class="ab-icon">&#x2715;</span>sQ�</button> </div> <div class="custom-modal" id="cm"><div class="cm-box"><div class="cm-msg" id="cmMsg"></div><div class="cm-btns"><button class="cm-btn cm-btn-ok" id="cmOk">nx�[</button><button class="cm-btn cm-btn-cancel" id="cmClose" onclick="document.getElementById('cm').classList.remove('show')">�S�m</button></div></div></div> <script> var boxData=[{"id":1,"name":"6�[ˆ�|","outerSize":"220�220�170","innerSize":"180�180�140","wallThickness":"20","volume":"4.5L","weight":"","remark":""},{"id":2,"name":"H6","outerSize":"245�195�180","innerSize":"210�160�145","wallThickness":"18","volume":"4.9L","weight":"","remark":""},{"id":3,"name":"Y1","outerSize":"260�180�190","innerSize":"210�130�150","wallThickness":"25","volume":"4.1L","weight":"","remark":""},{"id":4,"name":"��?e6�S","outerSize":"262�152�182","innerSize":"225�115�145","wallThickness":"18","volume":"3.7L","weight":"","remark":""},{"id":5,"name":"��?e5�S","outerSize":"290�170�190","innerSize":"250�130�150","wallThickness":"20","volume":"4.9L","weight":"","remark":"S1"},{"id":6,"name":"ؚ��?e5","outerSize":"290�170�230","innerSize":"250�130�190","wallThickness":"20","volume":"6.2L","weight":"","remark":"P3"},{"id":7,"name":"S2","outerSize":"290�190�240","innerSize":"250�150�200","wallThickness":"20","volume":"7.5L","weight":"","remark":""},{"id":8,"name":"S7","outerSize":"290�240�190","innerSize":"250�200�150","wallThickness":"20","volume":"7.5L","weight":"","remark":"0319"},{"id":9,"name":"\ˆc(3�S)","outerSize":"300�260�175","innerSize":"270�230�145","wallThickness":"15","volume":"9L","weight":"","remark":""},{"id":10,"name":"'Y��?e5�S","outerSize":"305�170�225","innerSize":"265�130�185","wallThickness":"20","volume":"6.4L","weight":"","remark":"�e4�["},{"id":11,"name":"N5","outerSize":"310�210�260","innerSize":"270�170�220","wallThickness":"20","volume":"10.1L","weight":"","remark":""},{"id":12,"name":"Y3","outerSize":"310�260�190","innerSize":"260�210�140","wallThickness":"25","volume":"7.6L","weight":"","remark":""},{"id":13,"name":"��|�{","outerSize":"320�230�170","innerSize":"270�180�140","wallThickness":"25","volume":"6.8L","weight":"","remark":""},{"id":14,"name":"�w��?e4�S","outerSize":"340�220�140","innerSize":"300�180�100","wallThickness":"20","volume":"5.4L","weight":"","remark":""},{"id":15,"name":"��?e4�S","outerSize":"340�220�180","innerSize":"300�180�140","wallThickness":"20","volume":"7.6L","weight":"","remark":""},{"id":16,"name":"ؚ��?e4�S","outerSize":"340�220�200","innerSize":"300�180�160","wallThickness":"20","volume":"8.6L","weight":"","remark":""},{"id":17,"name":"GS3","outerSize":"340�240�215","innerSize":"300�200�175","wallThickness":"20","volume":"10.5L","weight":"","remark":""},{"id":18,"name":"GS4","outerSize":"340�240�240","innerSize":"300�200�200","wallThickness":"20","volume":"12L","weight":"","remark":""},{"id":19,"name":"GS8","outerSize":"340�275�225","innerSize":"300�235�185","wallThickness":"20","volume":"13L","weight":"","remark":"0019"},{"id":20,"name":"YT2","outerSize":"375�295�160","innerSize":"335�255�120","wallThickness":"20","volume":"10.3L","weight":"","remark":"f��SP["},{"id":21,"name":"g|��{","outerSize":"390�360�160","innerSize":"330�300�100","wallThickness":"30","volume":"9.9L","weight":"","remark":"0860"},{"id":22,"name":"5kgT��g�{","outerSize":"400�270�200","innerSize":"360�230�160","wallThickness":"20","volume":"13.3L","weight":"","remark":"\wm��"},{"id":23,"name":"��?e3�S","outerSize":"400�280�230","innerSize":"360�240�190","wallThickness":"20","volume":"16.4L","weight":"","remark":"5kgT��g"},{"id":24,"name":"SN4�S","outerSize":"415�325�255","innerSize":"355�265�195","wallThickness":"30","volume":"18.3L","weight":"","remark":"�Q�m�m"},{"id":25,"name":"2.5kgT��g�{","outerSize":"420�275�150","innerSize":"370�225�100","wallThickness":"25","volume":"8.3L","weight":"","remark":"2.5kgT��g"},{"id":26,"name":"GS5","outerSize":"420�300�220","innerSize":"380�260�180","wallThickness":"20","volume":"17.8L","weight":"","remark":""},{"id":27,"name":"'Yˆc�{","outerSize":"420�335�185","innerSize":"390�305�155","wallThickness":"15","volume":"18.4L","weight":"","remark":""},{"id":28,"name":"Y5","outerSize":"450�270�250","innerSize":"385�210�210","wallThickness":"30","volume":"17L","weight":"","remark":""},{"id":29,"name":"GS6","outerSize":"450�300�290","innerSize":"410�260�250","wallThickness":"20","volume":"26.7L","weight":"","remark":""},{"id":30,"name":"SN5�S","outerSize":"450�345�280","innerSize":"390�285�220","wallThickness":"30","volume":"24.5L","weight":"","remark":"�Q�m�m"},{"id":31,"name":"'Y6�S�{","outerSize":"470�370�215","innerSize":"430�330�170","wallThickness":"20","volume":"24.1L","weight":"","remark":""},{"id":32,"name":"7.5kgT��g�{","outerSize":"480�310�205","innerSize":"440�270�165","wallThickness":"20","volume":"19.6L","weight":"","remark":"\5uP[�{"},{"id":33,"name":"15�S�{","outerSize":"485�170�270","innerSize":"445�130�230","wallThickness":"20","volume":"13.3L","weight":"","remark":""},{"id":34,"name":"'Y1�S�{","outerSize":"485�385�275","innerSize":"430�330�220","wallThickness":"27","volume":"31.5L","weight":"","remark":"'Y5uP[�{"},{"id":35,"name":"CAD�{","outerSize":"510�310�210","innerSize":"475�275�170","wallThickness":"18","volume":"22.2L","weight":"","remark":""},{"id":36,"name":"14�S�{","outerSize":"565�460�220","innerSize":"520�410�170","wallThickness":"25","volume":"36.2L","weight":"","remark":""},{"id":37,"name":"'Y�{","outerSize":"600�445�305","innerSize":"550�395�255","wallThickness":"25","volume":"55.4L","weight":"","remark":"܃�{"},{"id":38,"name":"PM","outerSize":"605�455�275","innerSize":"555�405�225","wallThickness":"25","volume":"50.6L","weight":"","remark":""},{"id":39,"name":"17�S�{","outerSize":"670�405�220","innerSize":"630�365�185","wallThickness":"20","volume":"42.5L","weight":"","remark":""},{"id":40,"name":"�~R�1/eň","outerSize":"�~R� 110*110*350","innerSize":"�t�_87","wallThickness":"20","volume":"","weight":"","remark":""},{"id":41,"name":"�~R�2/eň","outerSize":"�~R� 210*115*350","innerSize":"�t�_87","wallThickness":"20","volume":"","weight":"","remark":""},{"id":42,"name":"�~R�6/eň","outerSize":"�~R� 315*210*350","innerSize":"�t�_87","wallThickness":"20","volume":"","weight":"","remark":""},{"id":43,"name":"�~R�6/eň('Y���t)","outerSize":"�~R�580*255*380","innerSize":"�t�_100","wallThickness":"20","volume":"","weight":"","remark":""},{"id":44,"name":";So��{L-652","outerSize":"�R�S350�290�290","innerSize":"230�170�170","wallThickness":"60","volume":"","weight":"","remark":""},{"id":45,"name":";So��{L-761","outerSize":"�R�S600�390�360","innerSize":"500�305�240","wallThickness":"50","volume":"","weight":"","remark":""},{"id":46,"name":"'Y�v܃/[O�X","outerSize":"Y�e�QW295�295�130","innerSize":"�Q�v�_255�ؚ85","wallThickness":"20","volume":"","weight":"","remark":""},{"id":47,"name":"Kb�b|�Wvh(�w)","outerSize":"�v�_260�ؚ130","innerSize":"�v�_220�ؚ90","wallThickness":"20","volume":"","weight":"","remark":""},{"id":48,"name":"Kb�b|�Wvh(-N)","outerSize":"�v�_260�ؚ160","innerSize":"�v�_220�ؚ120","wallThickness":"20","volume":"","weight":"","remark":""},{"id":49,"name":"Kb�b|�Wvh(ؚ)","outerSize":"�v�_260�ؚ200","innerSize":"�v�_220�ؚ160","wallThickness":"20","volume":"","weight":"","remark":""},{"id":50,"name":"BOX04","outerSize":"460�240�300","innerSize":"420�200�260","wallThickness":"20","volume":"21.84L","weight":"190","remark":""},{"id":51,"name":"GS9 �R�S","outerSize":"420�400�275","innerSize":"340�320�195","wallThickness":"40","volume":"21.2L","weight":"","remark":""}]; var ss={col:"outerSize",dir:"asc"}; function gv(i,c){switch(c){case"id":return i.id;case"name":return i.name;case"outerSize":return i.outerSize;case"innerSize":return i.innerSize;case"wallThickness":var n=parseFloat(i.wallThickness);return isNaN(n)?0:n;case"volume":var v=parseFloat((i.volume||"0").replace(/[^0-9.]/g,""));return isNaN(v)?0:v;case"remark":return(i.remark||"");default:return""}} function eh(s){if(!s)return"";return s.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")} function rl(){var c=document.getElementById("list");if(boxData.length===0){c.innerHTML="<div class=\"empty\">�f�epenc</div>";return} var s=boxData.slice().sort(function(a,b){var va=gv(a,ss.col),vb=gv(b,ss.col);if(typeof va==="string")va=va.toLowerCase();if(typeof vb==="string")vb=vb.toLowerCase();if(va<vb)return ss.dir==="asc"?-1:1;if(va>vb)return ss.dir==="asc"?1:-1;return 0}); var r=s.map(function(i){return"<tr data-name=\""+eh(i.name)+"\" data-outer=\""+eh(i.outerSize)+"\"><td>"+i.id+"</td><td><strong>"+eh(i.name)+"</strong></td><td>"+eh(i.outerSize)+"</td><td>"+eh(i.innerSize)+"</td><td>"+eh(i.wallThickness)+"</td><td>"+(i.volume||"-")+"</td><td class=\"col-remark\">"+(i.remark||"")+"</td></tr>"}).join(""); c.innerHTML="<table><thead><tr><th onclick=\"sb('id')\" class=\""+(ss.col==="id"?(ss.dir==="asc"?"sort-asc":"sort-desc"):"")+"\">�^�S<span class=\"sort-icon\"></span></th><th onclick=\"sb('name')\" class=\""+(ss.col==="name"?(ss.dir==="asc"?"sort-asc":"sort-desc"):"")+"\">�T T<span class=\"sort-icon\"></span></th><th onclick=\"sb('outerSize')\" class=\""+(ss.col==="outerSize"?(ss.dir==="asc"?"sort-asc":"sort-desc"):"")+"\">Y:\�[mm<span class=\"sort-icon\"></span></th><th onclick=\"sb('innerSize')\" class=\""+(ss.col==="innerSize"?(ss.dir==="asc"?"sort-asc":"sort-desc"):"")+"\">�Q:\�[mm<span class=\"sort-icon\"></span></th><th onclick=\"sb('wallThickness')\" class=\""+(ss.col==="wallThickness"?(ss.dir==="asc"?"sort-asc":"sort-desc"):"")+"\">�X�Smm<span class=\"sort-icon\"></span></th><th onclick=\"sb('volume')\" class=\""+(ss.col==="volume"?(ss.dir==="asc"?"sort-asc":"sort-desc"):"")+"\">�[�y<span class=\"sort-icon\"></span></th><th onclick=\"sb('remark')\" class=\"col-remark "+(ss.col==="remark"?(ss.dir==="asc"?"sort-asc":"sort-desc"):"")+"\">Y�l<span class=\"sort-icon\"></span></th></tr></thead><tbody>"+r+"</tbody></table>";} function sb(col){if(ss.col===col){ss.dir=ss.dir==="asc"?"desc":"asc"}else{ss.col=col;ss.dir="asc"}rl()} var _tap={startY:0,touched:false}; function copyAllSelected(){ var rows=document.querySelectorAll("#list tr.row-copied"); var texts=[];rows.forEach(function(r){var n=r.getAttribute("data-name"),o=r.getAttribute("data-outer");if(n&&o)texts.push(n+" "+o+"0")}); var all=texts.join("\n"); if(!all){hideActionBar();return} if(navigator.clipboard&&navigator.clipboard.writeText){navigator.clipboard.writeText(all)}else{var ta=document.createElement("textarea");ta.value=all;ta.style.position="fixed";ta.style.left="-9999px";document.body.appendChild(ta);ta.select();try{document.execCommand("copy")}catch(e){}document.body.removeChild(ta)} showActionBar(texts.length); } function showActionBar(n){document.getElementById("actionBar").classList.add("show");document.getElementById("abCount").textContent="�] � "+n+" ag"} function hideActionBar(){document.getElementById("actionBar").classList.remove("show");var rows=document.querySelectorAll("#list tr.row-copied");rows.forEach(function(r){r.classList.remove("row-copied")});if(navigator.clipboard&&navigator.clipboard.writeText)navigator.clipboard.writeText("")} function showModal(msg,closeFn){var m=document.getElementById("cm");document.getElementById("cmMsg").innerHTML=msg;var ok=document.getElementById("cmOk");if(closeFn){ok.onclick=function(){closeFn()}}else{ok.onclick=function(){m.classList.remove("show")}}m.classList.add("show")} function closePage(){try{window.close()}catch(e){}try{typeof WeixinJSBridge!=="undefined"&&WeixinJSBridge.call("closeWindow")}catch(e){}setTimeout(function(){window.open("about:blank","_self");window.close()},200)}function doShare(){var rows=document.querySelectorAll("#list tr.row-copied");if(rows.length===0){alert("��HQ ��bĉ<span class=\"cm-sub\">�c:y�ԏ�V�_�O� c��eQFh�|4�T�S�</span>",function(){try{window.close()}catch(e){}try{typeof WeixinJSBridge!=="undefined"&&WeixinJSBridge.call("closeWindow")}catch(e){}setTimeout(function(){window.open("about:blank","_self");window.close()},200)})})}else{alert(txt)}} function toggleRow(r){if(r.classList.contains("row-copied")){r.classList.remove("row-copied")}else{r.classList.add("row-copied")}copyAllSelected()} function doCall(){window.location.href="tel:18617264426"} document.getElementById("list").addEventListener("touchstart",function(e){_tap.startY=e.touches[0].clientY},{passive:true}); document.getElementById("list").addEventListener("touchend",function(e){var r=e.target.closest("tr");if(!r)return;var dy=Math.abs(e.changedTouches[0].clientY-_tap.startY);if(dy>20)return;toggleRow(r);_tap.touched=true;setTimeout(function(){_tap.touched=false},500)},{passive:true}); document.getElementById("list").addEventListener("click",function(e){if(_tap.touched)return;var r=e.target.closest("tr");if(r)toggleRow(r)}); document.addEventListener("DOMContentLoaded",rl); </script> </body> </html>