{"id":272,"date":"2025-04-23T20:27:15","date_gmt":"2025-04-23T12:27:15","guid":{"rendered":"https:\/\/asaixiaomian.com\/?page_id=272"},"modified":"2025-04-24T16:14:11","modified_gmt":"2025-04-24T08:14:11","slug":"%e5%8a%a0%e7%9b%9f%e6%a8%a1%e6%8b%9f%e5%99%a8","status":"publish","type":"page","link":"https:\/\/www.asaixiaomian.com\/?page_id=272","title":{"rendered":"\u52a0\u76df\u6a21\u62df\u5668"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"zh-CN\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\n    <title>\u963f\u8d5b\u5c0f\u9762\u52a0\u76df\u6a21\u62df\u5668<\/title>\n    <style>\n        body {\n            font-family: Arial, sans-serif;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            background-color: #f9f9f9;\n            padding: 10px;\n        }\n\n        h1 {\n            color: #333;\n            margin-top: 20px;\n            font-size: 24px;\n        }\n\n        table {\n            width: 100%;\n            border-collapse: collapse;\n            margin-top: 20px;\n        }\n\n        table th,\n        table td {\n            border: 1px solid #ddd;\n            padding: 10px;\n            text-align: left;\n            font-size: 14px;\n        }\n\n        table th {\n            background-color: #f2f2f2;\n        }\n\n        input {\n            width: 150px;\n            padding: 8px;\n            border: 1px solid #ccc;\n            border-radius: 4px;\n            font-size: 14px;\n        }\ninput::placeholder {\n    font-size: 12px; \/* \u8c03\u6574\u63d0\u793a\u6587\u5b57\u5b57\u4f53\u5927\u5c0f *\/\n}\n\n        button {\n            padding: 10px 20px;\n            background-color: #007BFF;\n            color: white;\n            border: none;\n            border-radius: 4px;\n            cursor: pointer;\n            margin-top: 20px;\n            font-size: 16px;\n        }\n\n        button:hover {\n            background-color: #0056b3;\n        }\n\n        #result {\n            margin-top: 20px;\n            font-size: 16px;\n            color: #333;\n        }\n\n        #wechat-qr {\n            display: none;\n            margin-top: 10px;\n        }\n\n        #wechat-qr img {\n            width: 120px;\n            height: 120px;\n        }\n\n        @media (min-width: 768px) {\n            body {\n                padding: 20px;\n            }\n\n            h1 {\n                font-size: 32px;\n            }\n\n            table th,\n            table td {\n                padding: 12px;\n                font-size: 16px;\n            }\n\n            input {\n                font-size: 16px;\n                width: 200px;\n            }\n\n            button {\n                font-size: 18px;\n                padding: 12px 24px;\n            }\n\n            #result {\n                font-size: 18px;\n            }\n\n            #wechat-qr img {\n                width: 150px;\n                height: 150px;\n            }\n        }\n    <\/style>\n<\/head>\n\n<body>\n    <h1>\u963f\u8d5b\u5c0f\u9762\u52a0\u76df\u6a21\u62df\u5668<\/h1>\n    <table>\n        <tbody>\n            <tr>\n                <th colspan=\"2\">\u6708\u652f\u51fa<\/th>\n                <td><\/td>\n                <td><\/td>\n            <\/tr>\n            <tr>\n                <td><\/td>\n                <td>\u79df\u91d1<\/td>\n                <td><input type=\"number\" id=\"rent\" placeholder=\"\u586b\u5199\u79df\u91d1\" oninput=\"calculateAllValues()\"><\/td>\n                <td>\u4e00\u822c\u57284000 &#8211; 30000\u5143<\/td>\n            <\/tr>\n            <tr>\n                <td><\/td>\n                <td>\u4eba\u5458\u6570\u91cf<\/td>\n                <td><input type=\"number\" id=\"labor\" placeholder=\"\u586b\u5199\u4eba\u5458\u6570\u91cf\" oninput=\"calculateAllValues()\"><\/td>\n                <td>\u4e00\u822c2 &#8211; 5\u4eba\uff0c4000\u5143\/\u4eba<\/td>\n            <\/tr>\n            <tr>\n                <td><\/td>\n                <td>\u6c34\u7535\u6742\u8d39<\/td>\n                <td id=\"utilityFee\">0<\/td>\n                <td>\u6839\u636e\u8425\u4e1a\u989d\u81ea\u52a8\u5f97\u51fa<\/td>\n            <\/tr>\n            <tr>\n                <td><\/td>\n                <td>\u603b\u652f\u51fa<\/td>\n                <td id=\"totalExpense\">0<\/td>\n                <td><\/td>\n            <\/tr>\n            <tr>\n                <th colspan=\"2\">\u603b\u6295\u5165<\/th>\n                <td><\/td>\n                <td><\/td>\n            <\/tr>\n            <tr>\n                <td><\/td>\n                <td>\u54c1\u724c\u8d39\u7528<\/td>\n                <td>55800<\/td>\n                <td>\u5305\u542b\u524d\u5385\u684c\u6905\u7269\u6599\u548c\u540e\u53a8\u8bbe\u5907\uff0c\u54c1\u724c\u670d\u52a1\u7b49<\/td>\n            <\/tr>\n            <tr>\n                <td><\/td>\n\n                <td>\u5e97\u9762\u5927\u5c0f<\/td>\n                <td><input type=\"number\" id=\"storeSize\" placeholder=\"\u586b\u5199\u5e97\u9762\u5927\u5c0f\" oninput=\"calculateAllValues()\"><\/td>\n                <td>40 &#8211; 60\u5e73\u65b9<\/td>\n            <\/tr>\n            <tr>\n                <td><\/td>\n                <td>\u88c5\u4fee\u8d39\u7528<\/td>\n                <td id=\"decorationCost\">0<\/td>\n                <td>\u4e00\u822c1250\u5143\/\u5e73\u65b9<\/td>\n            <\/tr>\n            <tr>\n                <td><\/td>\n                <td>\u79df\u91d1\u548c\u62bc\u91d1<\/td>\n                <td id=\"rentAndDeposit\">0<\/td>\n                <td>\u4e00\u822c\u4e3a\u4e24\u62bc\u4e00\u79df<\/td>\n            <\/tr>\n            <tr>\n                <td><\/td>\n                <td>\u5f00\u5e97\u603b\u6295\u5165<\/td>\n                <td id=\"totalInvestment\">0<\/td>\n                <td><\/td>\n            <\/tr>\n            <tr>\n                <th colspan=\"2\">\u8425\u4e1a\u989d<\/th>\n                <td><\/td>\n                <td><\/td>\n            <\/tr>\n            <tr>\n                <td><\/td>\n                <td>\u65e5\u5747\u5ba2\u6d41\u91cf<\/td>\n                <td><input type=\"number\" id=\"dailyCustomerFlow\" placeholder=\"\u586b\u5199\u5ba2\u6d41\u91cf\" oninput=\"calculateAllValues()\"><\/td>\n                <td>\u4e00\u822c\u5728100 &#8211; 500\u4eba\u6b21<\/td>\n            <\/tr>\n            <tr>\n                <td><\/td>\n                <td>\u65e5\u5747\u8425\u4e1a\u989d<\/td>\n                <td id=\"dailyTurnover\">0<\/td>\n                <td><\/td>\n            <\/tr>\n            <tr>\n                <th colspan=\"2\">\u56de\u672c\u5468\u671f<\/th>\n                <td id=\"paybackPeriod\">&#8211;<\/td>\n                <td><\/td>\n            <\/tr>\n        <\/tbody>\n    <\/table>\n    <button onclick=\"calculateAll()\">\u8ba1\u7b97\u56de\u672c\u5468\u671f<\/button>\n    <div id=\"result\"><\/div>\n    <div id=\"wechat-qr\">\n        <img decoding=\"async\" src=\"\/wechat-qr-code.png\" alt=\"\u5fae\u4fe1\u4e8c\u7ef4\u7801\">\n    <\/div>\n\n   <script>\n        const rentInput = document.getElementById('rent');\n        const laborInput = document.getElementById('labor');\n        const storeSizeInput = document.getElementById('storeSize');\n        const dailyCustomerFlowInput = document.getElementById('dailyCustomerFlow');\n        const totalExpenseCell = document.getElementById('totalExpense');\n        const dailyTurnoverCell = document.getElementById('dailyTurnover');\n        const paybackPeriodCell = document.getElementById('paybackPeriod');\n        const resultDiv = document.getElementById('result');\n        const wechatQrDiv = document.getElementById('wechat-qr');\n        const utilityFeeCell = document.getElementById('utilityFee');\n        const rentAndDepositCell = document.getElementById('rentAndDeposit');\n        const totalInvestmentCell = document.getElementById('totalInvestment');\n        const decorationCostCell = document.getElementById('decorationCost');\n\n        function calculateAllValues() {\n            calculateDailyTurnover();\n            calculateTotalExpense();\n            calculateRentAndDeposit();\n            calculateDecorationCost();\n            calculateTotalInvestment();\n        }\n\n        function calculateTotalExpense() {\n            const rent = parseFloat(rentInput.value) || 0;\n            const labor = parseFloat(laborInput.value) || 0;\n            const dailyTurnover = parseFloat(dailyTurnoverCell.textContent) || 0;\n            const utilityFee = dailyTurnover * 30 * 0.05;\n            const total = rent + labor * 4000 + utilityFee;\n            totalExpenseCell.textContent = total;\n            utilityFeeCell.textContent = utilityFee;\n        }\n\n        function calculateDailyTurnover() {\n            const dailyCustomerFlow = parseFloat(dailyCustomerFlowInput.value) || 0;\n            const turnover = dailyCustomerFlow * 18;\n            dailyTurnoverCell.textContent = turnover;\n        }\n\n        function calculateRentAndDeposit() {\n            const rent = parseFloat(rentInput.value) || 0;\n            const rentAndDeposit = rent * 3;\n            rentAndDepositCell.textContent = rentAndDeposit;\n        }\n\n        function calculateDecorationCost() {\n            const storeSize = parseFloat(storeSizeInput.value) || 0;\n            const decorationCost = storeSize * 1250;\n            decorationCostCell.textContent = decorationCost;\n        }\n\n        function calculateTotalInvestment() {\n            const decorationCost = parseFloat(decorationCostCell.textContent) || 0;\n            const rentAndDeposit = parseFloat(rentAndDepositCell.textContent) || 0;\n            const brandCost = 55800;\n            const total = brandCost + decorationCost + rentAndDeposit;\n            totalInvestmentCell.textContent = total;\n        }\n\n        function calculateAll() {\n            const rent = parseFloat(rentInput.value) || 0;\n            const labor = parseFloat(laborInput.value) || 0;\n            const storeSize = parseFloat(storeSizeInput.value) || 0;\n            const dailyCustomerFlow = parseFloat(dailyCustomerFlowInput.value) || 0;\n\n            const brandCost = 55800;\n            const rentAndDeposit = rent * 3;\n            const decorationCost = storeSize * 1250;\n            const totalMonthlyExpense = rent + labor * 4000 + dailyCustomerFlow * 18 * 30 * 0.05;\n            const totalInvestment = brandCost + decorationCost + rentAndDeposit;\n            const dailyTurnover = dailyCustomerFlow * 18;\n\n            let paybackPeriod;\n            const denominator = dailyTurnover * 30 * 0.6 - totalMonthlyExpense;\n            if (denominator > 0) {\n                paybackPeriod = totalInvestment \/ denominator;\n            } else {\n                paybackPeriod = -1;\n            }\n\n            paybackPeriodCell.textContent = `${paybackPeriod.toFixed(2)} \u6708`;\n\n            if (paybackPeriod < 2) {\n                resultDiv.innerHTML = '\u8bf7\u6b63\u786e\u586b\u5199\uff0c\u5fae\u4fe1\u626b\u7801\u8fdb\u884c\u4e13\u4e1a\u8bc4\u4f30';\n                wechatQrDiv.style.display = 'block';\n            } else if (paybackPeriod > 8) {\n                resultDiv.innerHTML = '\u8be5\u56de\u62a5\u3010\u4f4e\u4e8e\u3011\u963f\u8d5b\u5c0f\u9762\u5e73\u5747\u56de\u62a5\u5468\u671f\uff0c\u5fae\u4fe1\u626b\u7801\u8fdb\u884c\u4e13\u4e1a\u8bc4\u4f30';\n                wechatQrDiv.style.display = 'block';\n            } else {\n                resultDiv.innerHTML = '\u8be5\u56de\u62a5\u3010\u7b26\u5408\u3011\u963f\u8d5b\u5c0f\u9762\u5e73\u5747\u56de\u62a5\u5468\u671f\uff0c\u5fae\u4fe1\u626b\u7801\u8fdb\u884c\u4e13\u4e1a\u8bc4\u4f30';\n                wechatQrDiv.style.display = 'block';\n            }\n        }\n    <\/script>\n<\/body>\n\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u963f\u8d5b\u5c0f\u9762\u52a0\u76df\u6a21\u62df\u5668 \u963f\u8d5b\u5c0f\u9762\u52a0\u76df\u6a21\u62df\u5668  [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-272","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.asaixiaomian.com\/index.php?rest_route=\/wp\/v2\/pages\/272","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.asaixiaomian.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.asaixiaomian.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.asaixiaomian.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.asaixiaomian.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=272"}],"version-history":[{"count":28,"href":"https:\/\/www.asaixiaomian.com\/index.php?rest_route=\/wp\/v2\/pages\/272\/revisions"}],"predecessor-version":[{"id":303,"href":"https:\/\/www.asaixiaomian.com\/index.php?rest_route=\/wp\/v2\/pages\/272\/revisions\/303"}],"wp:attachment":[{"href":"https:\/\/www.asaixiaomian.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}