{"id":353,"date":"2026-06-11T17:22:37","date_gmt":"2026-06-11T09:22:37","guid":{"rendered":"https:\/\/chengyuxia.com\/?page_id=353"},"modified":"2026-06-11T19:53:38","modified_gmt":"2026-06-11T11:53:38","slug":"%e4%ba%9a%e5%85%8b%e5%8a%9b%e6%a0%87%e8%af%86%e6%8a%a5%e4%bb%b7%e4%bc%b0%e7%ae%97%e5%99%a8","status":"publish","type":"page","link":"https:\/\/chengyuxia.com\/index.php\/%e4%ba%9a%e5%85%8b%e5%8a%9b%e6%a0%87%e8%af%86%e6%8a%a5%e4%bb%b7%e4%bc%b0%e7%ae%97%e5%99%a8\/","title":{"rendered":"\u4e9a\u514b\u529b\u6807\u8bc6\u62a5\u4ef7\u4f30\u7b97\u5668"},"content":{"rendered":"\n<style>\n    .akl-vertical {\n        max-width: 600px;\n        margin: 20px auto;\n        background: #fff;\n        border-radius: 32px;\n        box-shadow: 0 20px 35px -12px rgba(0,0,0,0.1);\n        padding: 28px 24px 36px;\n        font-family: system-ui, sans-serif;\n    }\n    .akl-vertical h2 {\n        font-size: 1.8rem;\n        font-weight: 600;\n        margin: 0 0 0.25rem 0;\n        color: #1e2a3e;\n    }\n    .akl-vertical .sub {\n        color: #5b6e8c;\n        font-size: 0.85rem;\n        border-left: 3px solid #3b82f6;\n        padding-left: 12px;\n        margin: 8px 0 20px 0;\n    }\n    .akl-input-group {\n        margin-bottom: 20px;\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        gap: 12px;\n    }\n    .akl-input-group label {\n        width: 100px;\n        font-weight: 500;\n        color: #1e293b;\n    }\n    .akl-input-group input, .akl-input-group select {\n        flex: 1;\n        padding: 12px 14px;\n        border: 1px solid #cfdee9;\n        border-radius: 20px;\n        font-size: 1rem;\n        background: #fff;\n    }\n    .akl-row-2col {\n        display: flex;\n        gap: 16px;\n        flex-wrap: wrap;\n    }\n    .akl-row-2col .akl-input-group {\n        flex: 1;\n    }\n    .akl-btn {\n        width: 100%;\n        background: #3b82f6;\n        border: none;\n        padding: 14px;\n        border-radius: 40px;\n        font-size: 1.1rem;\n        font-weight: 600;\n        color: white;\n        cursor: pointer;\n        margin-top: 8px;\n    }\n    .akl-result {\n        background: #e6f7e6;\n        margin-top: 28px;\n        padding: 20px;\n        border-radius: 28px;\n        text-align: left;\n        border: 1px solid #c0e0c0;\n    }\n    .akl-result .price {\n        font-size: 1.6rem;\n        font-weight: 800;\n        color: #15803d;\n        text-align: center;\n        margin: 12px 0;\n    }\n    .akl-result .calc-detail {\n        background: #f0fdf0;\n        padding: 10px;\n        border-radius: 16px;\n        margin: 12px 0;\n        font-size: 0.75rem;\n        color: #2c5e2c;\n    }\n    .akl-result .rule-note {\n        font-size: 0.7rem;\n        color: #4a5568;\n        margin-top: 12px;\n        padding-top: 8px;\n        border-top: 1px solid #c0e0c0;\n    }\n    .akl-result .rule-note p {\n        margin: 6px 0;\n        line-height: 1.4;\n    }\n    @media (max-width: 540px) {\n        .akl-vertical {\n            padding: 20px;\n        }\n        .akl-input-group {\n            flex-direction: column;\n            align-items: stretch;\n        }\n        .akl-input-group label {\n            width: auto;\n        }\n    }\n<\/style>\n\n<div class=\"akl-vertical\">\n    <h2>\ud83d\udcd0 \u4e9a\u514b\u529b\u6807\u8bc6\u62a5\u4ef7\u4f30\u7b97\u5668<\/h2>\n    <div class=\"sub\">\u5355\u4f4d\uff1a\u6beb\u7c73 \u00b7 \u6750\u6599\u8d39 + \u5de5\u827a\u8d39 + \u5229\u6da6<\/div>\n\n    <div class=\"akl-row-2col\">\n        <div class=\"akl-input-group\">\n            <label>\u957f\u5ea6 (mm)<\/label>\n            <input type=\"number\" id=\"len_mm\" value=\"100\" step=\"10\" min=\"1\">\n        <\/div>\n        <div class=\"akl-input-group\">\n            <label>\u5bbd\u5ea6 (mm)<\/label>\n            <input type=\"number\" id=\"wid_mm\" value=\"200\" step=\"10\" min=\"1\">\n        <\/div>\n    <\/div>\n\n    <div class=\"akl-input-group\">\n        <label>\u539a\u5ea6 (mm)<\/label>\n        <select id=\"thick_mm\">\n            <option value=\"3\">3 mm<\/option>\n            <option value=\"5\">5 mm<\/option>\n            <option value=\"8\">8 mm<\/option>\n            <option value=\"10\" selected>10 mm<\/option>\n        <\/select>\n    <\/div>\n\n    <div class=\"akl-input-group\">\n        <label>\u6750\u6599\u7b49\u7ea7<\/label>\n        <select id=\"grade\">\n            <option value=\"23\">\u56fd\u4ea7\u6599 \u00b7 23\u5143\/kg<\/option>\n            <option value=\"35\">\u8fdb\u53e3\u6599 \u00b7 35\u5143\/kg<\/option>\n        <\/select>\n    <\/div>\n\n    <div class=\"akl-input-group\">\n        <label>\u8868\u9762\u5de5\u827a<\/label>\n        <select id=\"process\">\n            <option value=\"60\" selected>\u76f4\u63a5UV (60\u5143\/\u33a1)<\/option>\n            <option value=\"120\">\u70e4\u6f06+UV (120\u5143\/\u33a1)<\/option>\n        <\/select>\n    <\/div>\n\n    <div class=\"akl-input-group\">\n        <label>\u62a5\u4ef7\u7cfb\u6570<\/label>\n        <select id=\"factor\">\n            <option value=\"1.5\">\u7b80\u6613\u52a0\u5de5 (1.5\u500d)<\/option>\n            <option value=\"2.0\" selected>\u6807\u51c6\u52a0\u5de5 (2.0\u500d)<\/option>\n            <option value=\"2.5\">\u7cbe\u5de5\u52a0\u5de5 (2.5\u500d)<\/option>\n        <\/select>\n    <\/div>\n\n    <button class=\"akl-btn\" id=\"calcBtn\">\ud83d\udcb0 \u4f30\u7b97\u62a5\u4ef7<\/button>\n\n    <div id=\"resultArea\" class=\"akl-result\"><\/div>\n<\/div>\n\n<script>\nfunction formatArea(area) {\n    \/\/ \u9762\u79ef\u53bb\u96f6\uff0c\u4fdd\u7559\u6700\u591a6\u4f4d\u5c0f\u6570\n    let str = area.toFixed(6);\n    \/\/ \u53bb\u9664\u672b\u5c3e\u76840\n    str = str.replace(\/\\.?0+$\/, '');\n    return str === '' ? '0' : str;\n}\nfunction calculate() {\n    let L = parseFloat(document.getElementById('len_mm').value);\n    let W = parseFloat(document.getElementById('wid_mm').value);\n    let thick = parseFloat(document.getElementById('thick_mm').value);\n    let material = parseFloat(document.getElementById('grade').value);\n    let process = parseFloat(document.getElementById('process').value);\n    let factor = parseFloat(document.getElementById('factor').value);\n\n    if (isNaN(L) || isNaN(W) || isNaN(thick) || isNaN(material) || isNaN(process) || isNaN(factor)) {\n        alert(\"\u8bf7\u5b8c\u6574\u586b\u5199\u6240\u6709\u6570\u503c\uff01\");\n        return;\n    }\n    if (L <= 0 || W <= 0 || thick <= 0) {\n        alert(\"\u957f\u3001\u5bbd\u3001\u539a\u5ea6\u5fc5\u987b\u5927\u4e8e0\");\n        return;\n    }\n\n    let areaM2 = L * W \/ 1000000;\n    let volumeMM3 = L * W * thick;               \/\/ \u7acb\u65b9\u6beb\u7c73\n    let weightKg = (L\/1000) * (W\/1000) * (thick\/1000) * 1200;\n    let boardCost = weightKg * material;\n    let processCost = areaM2 * process;\n    let subTotal = boardCost + processCost;\n    let total = subTotal * factor;\n\n    let gradeText = document.getElementById('grade').options[document.getElementById('grade').selectedIndex].text;\n    let factorText = document.getElementById('factor').options[document.getElementById('factor').selectedIndex].text;\n\n    let areaDisplay = formatArea(areaM2);\n    let weightDisplay = weightKg.toFixed(2);      \/\/ \u4fdd\u7559\u4e24\u4f4d\u5c0f\u6570\uff0c\u81ea\u52a8\u56db\u820d\u4e94\u5165\n    let weightDetail = weightKg.toFixed(2);       \/\/ \u7528\u4e8e\u8ba1\u7b97\u8be6\u60c5\n\n    \/\/ \u91cd\u65b0\u8ba1\u7b97\u8be6\u60c5\u663e\u793a\u4e2d\u7684\u6570\u503c\uff08\u4f7f\u7528\u56db\u820d\u4e94\u5165\u540e\u7684\u91cd\u91cf\uff0c\u4fdd\u6301\u4e00\u81f4\u6027\uff09\n    let boardCostDisplay = (weightKg * material).toFixed(2);\n    let processCostDisplay = (areaM2 * process).toFixed(2);\n    let subTotalDisplay = (boardCost + processCost).toFixed(2);\n    let totalDisplay = total.toFixed(2);\n\n    document.getElementById('resultArea').innerHTML = `\n        <div><strong>\ud83d\udcd0 \u5c3a\u5bf8<\/strong>\uff1a${L} mm \u00d7 ${W} mm \u00d7 ${thick} mm<\/div>\n        <div><strong>\ud83d\udcd0 \u9762\u79ef<\/strong>\uff1a${areaDisplay} m\u00b2<\/div>\n        <div><strong>\ud83c\udff7\ufe0f \u6750\u6599<\/strong>\uff1a${gradeText}<\/div>\n        <div><strong>\ud83d\udce6 \u4f53\u79ef\/\u91cd\u91cf<\/strong>\uff1a${Math.round(volumeMM3)} mm\u00b3 \u2192 ${weightDisplay} kg<\/div>\n        <div><strong>\ud83d\udce6 \u677f\u6750\u8d39<\/strong>\uff1a${boardCostDisplay} \u5143<\/div>\n        <div><strong>\ud83c\udfa8 \u5de5\u827a\u8d39<\/strong>\uff1a${processCostDisplay} \u5143<\/div>\n        <div><strong>\ud83d\udcb0 \u6750\u6599+\u5de5\u827a\u5c0f\u8ba1<\/strong>\uff1a${subTotalDisplay} \u5143<\/div>\n        <div><strong>\u2699\ufe0f \u62a5\u4ef7\u7cfb\u6570<\/strong>\uff1a${factorText}<\/div>\n        <div class=\"price\">\ud83d\udcb0 \u6700\u7ec8\u4f30\u7b97\u62a5\u4ef7\uff1a${totalDisplay} \u5143<\/div>\n\n        <div class=\"calc-detail\">\n            \ud83d\udcca \u8ba1\u7b97\u8be6\u60c5\uff1a\u91cd\u91cf ${weightDetail} kg \u00d7 ${material}\u5143\/kg = ${boardCostDisplay} \u5143\uff1b\u9762\u79ef ${areaDisplay} m\u00b2 \u00d7 ${process}\u5143\/m\u00b2 = ${processCostDisplay} \u5143\uff1b\u5408\u8ba1 ${subTotalDisplay} \u5143 \u00d7 ${factor}\u500d = ${totalDisplay} \u5143\n        <\/div>\n\n        <div class=\"rule-note\">\n            <p>* \u6750\u6599\u8d39 = \u91cd\u91cf(kg) \u00d7 \u5355\u4ef7(\u5143\/kg) + \u9762\u79ef(\u33a1) \u00d7 \u5de5\u827a\u5355\u4ef7(\u5143\/\u33a1)<\/p>\n            <p>* \u91cd\u91cf(kg) = \u957f(m)\u00d7\u5bbd(m)\u00d7\u539a(m) \u00d7 1200 (\u5bc6\u5ea6 kg\/m\u00b3)<\/p>\n            <p>* \u6700\u7ec8\u62a5\u4ef7 = (\u6750\u6599+\u5de5\u827a\u5c0f\u8ba1) \u00d7 \u62a5\u4ef7\u7cfb\u6570 (\u542b\u52a0\u5de5\u3001\u635f\u8017\u3001\u5229\u6da6)<\/p>\n            <p>* \u4e0d\u542b\u5b89\u88c5\u3001\u7a0e\u8d39\u3001\u8fd0\u8d39\uff0c\u4ec5\u4f9b\u53c2\u8003<\/p>\n        <\/div>\n    `;\n}\ndocument.getElementById('calcBtn').addEventListener('click', calculate);\nwindow.addEventListener('DOMContentLoaded', calculate);\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udcd0 \u4e9a\u514b\u529b\u6807\u8bc6\u62a5\u4ef7\u4f30\u7b97\u5668 \u5355\u4f4d\uff1a\u6beb\u7c73 \u00b7 \u6750\u6599\u8d39 + \u5de5\u827a\u8d39 + \u5229\u6da6 \u957f\u5ea6 (mm) \u5bbd\u5ea6 (mm) \u539a\u5ea6 &#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-353","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/chengyuxia.com\/index.php\/wp-json\/wp\/v2\/pages\/353","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chengyuxia.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chengyuxia.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chengyuxia.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chengyuxia.com\/index.php\/wp-json\/wp\/v2\/comments?post=353"}],"version-history":[{"count":2,"href":"https:\/\/chengyuxia.com\/index.php\/wp-json\/wp\/v2\/pages\/353\/revisions"}],"predecessor-version":[{"id":367,"href":"https:\/\/chengyuxia.com\/index.php\/wp-json\/wp\/v2\/pages\/353\/revisions\/367"}],"wp:attachment":[{"href":"https:\/\/chengyuxia.com\/index.php\/wp-json\/wp\/v2\/media?parent=353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}