{"id":304,"date":"2026-06-16T14:09:51","date_gmt":"2026-06-16T07:09:51","guid":{"rendered":"https:\/\/klunk.ddnsfree.com\/?page_id=304"},"modified":"2026-06-16T15:10:49","modified_gmt":"2026-06-16T08:10:49","slug":"elementor-304","status":"publish","type":"page","link":"https:\/\/klunk.ddnsfree.com\/?page_id=304","title":{"rendered":"\u0e2a\u0e16\u0e34\u0e15\u0e34\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"304\" class=\"elementor elementor-304\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35c1d42 e-con-full e-flex e-con e-parent\" data-id=\"35c1d42\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e64b19 elementor-widget elementor-widget-html\" data-id=\"8e64b19\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"reg-stat-app\">\r\n\r\n    <style>\r\n    #reg-stat-app{\r\n        font-family:Tahoma,sans-serif;\r\n        max-width:100%;\r\n    }\r\n\r\n    #reg-stat-app .title{\r\n        text-align:center;\r\n        font-size:24px;\r\n        font-weight:bold;\r\n        margin-bottom:20px;\r\n        color:#1e3a8a;\r\n    }\r\n\r\n    #reg-stat-app .toolbar{\r\n        text-align:center;\r\n        margin-bottom:15px;\r\n    }\r\n\r\n    #reg-stat-app .year-btn{\r\n        padding:10px 18px;\r\n        border:none;\r\n        border-radius:8px;\r\n        cursor:pointer;\r\n        margin:3px;\r\n        background:#2563eb;\r\n        color:#fff;\r\n        font-weight:bold;\r\n    }\r\n\r\n    #reg-stat-app .year-btn.active{\r\n        background:#16a34a;\r\n    }\r\n\r\n    #reg-stat-app .table-wrap{\r\n        overflow-x:auto;\r\n    }\r\n\r\n    #reg-stat-app table{\r\n        width:100%;\r\n        border-collapse:collapse;\r\n        min-width:1200px;\r\n        background:#fff;\r\n    }\r\n\r\n    #reg-stat-app th,\r\n    #reg-stat-app td{\r\n        border:1px solid #ddd;\r\n        padding:8px;\r\n        text-align:center;\r\n    }\r\n\r\n    #reg-stat-app thead th{\r\n        background:#1e40af;\r\n        color:#fff;\r\n    }\r\n\r\n    #reg-stat-app .month-row th{\r\n        background:#3b82f6;\r\n    }\r\n\r\n    #reg-stat-app .service-col{\r\n        text-align:left;\r\n        min-width:250px;\r\n    }\r\n\r\n    #reg-stat-app tbody tr:nth-child(even){\r\n        background:#f8fafc;\r\n    }\r\n\r\n    #reg-stat-app tbody tr:hover{\r\n        background:#eef6ff;\r\n    }\r\n    <\/style>\r\n\r\n    <div class=\"title\">\r\n        \u0e2a\u0e16\u0e34\u0e15\u0e34\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e08\u0e14\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e2f\r\n    <\/div>\r\n\r\n    <div class=\"toolbar\">\r\n        <button class=\"year-btn active\" data-year=\"2567\">\u0e1b\u0e35 2567<\/button>\r\n        <button class=\"year-btn\" data-year=\"2568\">\u0e1b\u0e35 2568<\/button>\r\n        <button class=\"year-btn\" data-year=\"2569\">\u0e1b\u0e35 2569<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"table-wrap\">\r\n        <table>\r\n            <thead>\r\n                <tr>\r\n                    <th rowspan=\"2\">\u0e0a\u0e37\u0e48\u0e2d\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23<\/th>\r\n                    <th colspan=\"12\" id=\"wp-year-title\">\r\n                        \u0e1b\u0e35\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 2567\r\n                    <\/th>\r\n                    <th rowspan=\"2\">\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e19\u0e31\u0e1a<\/th>\r\n                    <th rowspan=\"2\">\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38<\/th>\r\n                <\/tr>\r\n\r\n                <tr class=\"month-row\">\r\n                    <th>\u0e15.\u0e04.<\/th>\r\n                    <th>\u0e1e.\u0e22.<\/th>\r\n                    <th>\u0e18.\u0e04.<\/th>\r\n                    <th>\u0e21.\u0e04.<\/th>\r\n                    <th>\u0e01.\u0e1e.<\/th>\r\n                    <th>\u0e21\u0e35.\u0e04.<\/th>\r\n                    <th>\u0e40\u0e21.\u0e22.<\/th>\r\n                    <th>\u0e1e.\u0e04.<\/th>\r\n                    <th>\u0e21\u0e34.\u0e22.<\/th>\r\n                    <th>\u0e01.\u0e04.<\/th>\r\n                    <th>\u0e2a.\u0e04.<\/th>\r\n                    <th>\u0e01.\u0e22.<\/th>\r\n                <\/tr>\r\n            <\/thead>\r\n\r\n            <tbody id=\"wp-table-body\"><\/tbody>\r\n        <\/table>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n\r\nconst data = {\r\n\r\n    \"2567\":[\r\n        {\r\n            service:\"\u0e08\u0e14\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e23\u0e32\u0e22\u0e43\u0e2b\u0e21\u0e48\",\r\n            months:[0,0,0,0,0,0,0,0,0,0,0,0],\r\n            unit:\"\u0e23\u0e32\u0e22\",\r\n            remark:\"\"\r\n        },\r\n        {\r\n            service:\"\u0e15\u0e48\u0e2d\u0e2d\u0e32\u0e22\u0e38\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\",\r\n            months:[0,0,0,0,0,0,0,0,0,0,0,0],\r\n            unit:\"\u0e23\u0e32\u0e22\",\r\n            remark:\"\"\r\n        }\r\n    ],\r\n\r\n    \"2568\":[\r\n        {\r\n            service:\"\u0e08\u0e14\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e23\u0e32\u0e22\u0e43\u0e2b\u0e21\u0e48\",\r\n            months:[0,0,0,0,0,0,0,0,0,0,0,0],\r\n            unit:\"\u0e23\u0e32\u0e22\",\r\n            remark:\"\"\r\n        },\r\n        {\r\n            service:\"\u0e15\u0e48\u0e2d\u0e2d\u0e32\u0e22\u0e38\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\",\r\n            months:[0,0,0,0,0,0,0,0,0,0,0,0],\r\n            unit:\"\u0e23\u0e32\u0e22\",\r\n            remark:\"\"\r\n        }\r\n    ],\r\n\r\n    \"2569\":[\r\n        {\r\n            service:\"\u0e08\u0e14\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e23\u0e32\u0e22\u0e43\u0e2b\u0e21\u0e48\",\r\n            months:[0,0,0,0,0,0,0,0,0,0,0,0],\r\n            unit:\"\u0e23\u0e32\u0e22\",\r\n            remark:\"\"\r\n        },\r\n        {\r\n            service:\"\u0e15\u0e48\u0e2d\u0e2d\u0e32\u0e22\u0e38\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\",\r\n            months:[0,0,0,0,0,0,0,0,0,0,0,0],\r\n            unit:\"\u0e23\u0e32\u0e22\",\r\n            remark:\"\"\r\n        }\r\n    ]\r\n};\r\n\r\nfunction renderTable(year){\r\n\r\n    document.getElementById(\"wp-year-title\").innerHTML =\r\n        \"\u0e1b\u0e35\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 \" + year;\r\n\r\n    let html = \"\";\r\n\r\n    data[year].forEach(row=>{\r\n\r\n        html += `\r\n        <tr>\r\n            <td class=\"service-col\">${row.service}<\/td>\r\n            ${row.months.map(m=>`<td>${m}<\/td>`).join(\"\")}\r\n            <td>${row.unit}<\/td>\r\n            <td>${row.remark}<\/td>\r\n        <\/tr>`;\r\n    });\r\n\r\n    document.getElementById(\"wp-table-body\").innerHTML = html;\r\n}\r\n\r\ndocument.querySelectorAll(\"#reg-stat-app .year-btn\")\r\n.forEach(btn=>{\r\n\r\n    btn.addEventListener(\"click\",function(){\r\n\r\n        document.querySelectorAll(\"#reg-stat-app .year-btn\")\r\n        .forEach(b=>b.classList.remove(\"active\"));\r\n\r\n        this.classList.add(\"active\");\r\n\r\n        renderTable(this.dataset.year);\r\n    });\r\n\r\n});\r\n\r\nrenderTable(\"2567\");\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-084c81f e-flex e-con-boxed e-con e-parent\" data-id=\"084c81f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d56922 elementor-widget elementor-widget-heading\" data-id=\"7d56922\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Add Your Heading Text Here<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e2a\u0e16\u0e34\u0e15\u0e34\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e08\u0e14\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e2f \u0e1b\u0e35 2567 \u0e1b\u0e35 2568 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-304","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/klunk.ddnsfree.com\/index.php?rest_route=\/wp\/v2\/pages\/304","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/klunk.ddnsfree.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/klunk.ddnsfree.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/klunk.ddnsfree.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/klunk.ddnsfree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=304"}],"version-history":[{"count":5,"href":"https:\/\/klunk.ddnsfree.com\/index.php?rest_route=\/wp\/v2\/pages\/304\/revisions"}],"predecessor-version":[{"id":321,"href":"https:\/\/klunk.ddnsfree.com\/index.php?rest_route=\/wp\/v2\/pages\/304\/revisions\/321"}],"wp:attachment":[{"href":"https:\/\/klunk.ddnsfree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}