{"id":652,"date":"2022-07-12T03:18:14","date_gmt":"2022-07-12T03:18:14","guid":{"rendered":"https:\/\/snisolutionshk.com\/?page_id=652"},"modified":"2022-07-25T06:57:34","modified_gmt":"2022-07-25T06:57:34","slug":"mortgage-calculator","status":"publish","type":"page","link":"https:\/\/snisolutionshk.com\/zh\/mortgage-calculator\/","title":{"rendered":"\u6309\u63ed\u8a08\u7b97\u6a5f"},"content":{"rendered":"<div id=\"calculator\"><div id=\"results\" :class=\"{ visible: visible }\" v-cloak>\t<div id=\"chart\">\t\t<div><pie-chart :data=\"chartData\" :animate=\"animate\" :width=\"200\" :height=\"300\"><\/pie-chart><\/div>\t<\/div>\t<ul id=\"details\">\t\t<li>\t\t\t<h5>\u58d3\u529b\u6e2c\u8a66 (\u5047\u8a2d\u5229\u7387\u4e0a\u53473.0%)<\/h5>\t\t<\/li>\t\t<li>\t\t\t<div class=\"symbol\">%<\/div>\t\t\t<h5 class=\"test-label\">\u5047\u8a2d\u5229\u7387<\/h5>\t\t\t<div class=\"test-value\">{{stressRate}}%<\/div>\t\t<\/li>\t\t<li>\t\t\t<div class=\"symbol\">$<\/div>\t\t\t<h5 class=\"test-label\">\u5047\u8a2d\u6bcf\u6708\u4f9b\u6b3e<\/h5>\t\t\t<div class=\"test-value\">${{toCurrency(stressPayment, 0)}}<\/div>\t\t<\/li>\t\t<li style=\"margin-bottom: 0;padding-bottom: 0\">\t\t\t<div class=\"symbol\">$<\/div>\t\t\t<h5 class=\"test-label-fullwidth\">\u6bcf\u6708\u5165\u606f\u8981\u6c42<\/h5>\t\t\t<!--div class=\"test-value\"><\/div-->\t\t<\/li>\t\t<li style=\"margin-bottom: 0;padding-bottom: 0\">\t\t\t<div class=\"symbol\" style=\"opacity: 0\">$<\/div>\t\t\t<h5 class=\"test-label-subtitle\">\u6309\u58d3\u529b\u6e2c\u8a66\u8a08\u7b97<\/h5>\t\t\t<div class=\"test-value\">${{toCurrency(stressIncomeReq, 0)}}<\/div>\t\t<\/li>\t\t<li>\t\t\t<div class=\"symbol\" style=\"opacity: 0\">$<\/div>\t\t\t<h5 class=\"test-label-subtitle\">\u6309\u6708\u4f9b\u6bd4\u7387\u8a08\u7b97<\/h5>\t\t\t<div class=\"test-value\">${{toCurrency(incomeReq, 0)}}<\/div>\t\t<\/li>\t<\/ul>\t<div class=\"remark\" style=\"color: #888; padding: 1rem\">\u9996\u6b21\u7f6e\u696d\u4eba\u58eb\u5982\u8cfc\u8cb71125\u842c\u6216\u4ee5\u4e0b\u5df2\u843d\u6210\u7684\u4f4f\u5b85\u7269\u696d\u6216\u4e0d\u9700\u8981\u901a\u904e\u58d3\u529b\u6e2c\u8a66\uff0c\u60df\u5be6\u969b\u60c5\u6cc1\u9700\u6309\u500b\u5225\u9280\u884c\u6c7a\u5b9a\u5982\u672a\u80fd\u7b26\u5408\u5165\u606f\u8981\u6c42,\u8acb\u81f4\u96fb5435 6759\u6309\u63ed\u5c08\u54e1\u67e5\u8a62<\/div><\/div><div id=\"inputs\" :class=\"{ visible: visible }\" v-cloak>\t<div id=\"price\" class=\"input-group\">\t\t<label for=\"price\">\u6a13\u50f9<\/label>\t\t<input type=\"text\" v-model=\"price\" @keyup=\"checkPrice\" @blur=\"onBlurPrice\" \/>   \t<div class=\"prefix\">HK$<\/div>\t\t<input type=\"range\" min=\"0\" :max=\"20000000\" step=\"10000\" v-model=\"priceValue\" @change=\"updatedPrice\" \/>\t<\/div>\t<div id=\"upfront\" class=\"input-group\">\t\t<label for=\"upfront\">\u6309\u63ed\u6210\u6578<\/label>\t\t<div>\t\t\t<input id=\"lending-percentage\" type=\"number\" min=\"0\" max=\"100\" step=\"10\" v-model=\"lending\" @keyup=\"updatedLendingPercentage\" @change=\"updatedLendingPercentage\" \/>\t\t\t<div class=\"suffix\" style=\"right: 50%; margin-right: 1rem\">%<\/div>\t\t\t<input id=\"lending-amount\" type=\"text\" v-model=\"lendingAmount\" @keyup=\"updatedLendingAmount\" @change=\"updatedLendingAmount\" \/>   \t\t<div class=\"prefix\" style=\"left: 50%; margin-left: 1rem\">HK$<\/div>\t\t<\/div>\t\t<input type=\"range\" min=\"0\" max=\"100\" step=\"10\" v-model=\"lending\" @change=\"updatedLendingPercentage\" \/>\t<\/div>\t<div id=\"prate\" class=\"input-group\">\t\t<label for=\"prate\">\u6309\u63ed\u5229\u7387<\/label>\t\t<div style=\"width: 100%; display: flex; align-items: center\">\t\t\t<select id=\"prate-prate\" style=\"\" v-model=\"prate\" @change=\"updatedPrate\">\t\t\t\t<option v-for=\"prate in prates\" :value=\"prate.value\">{{ prate.text }}<\/option>\t\t\t<\/select>\t\t\t<select id=\"prate-adjust\" style=\"text-align: center\" v-model=\"prateAdjust\" @change=\"updatedPrateAdjust\">\t\t\t\t<option value=\"-\">-<\/option>\t\t\t\t<option value=\"+\">+<\/option>\t\t\t<\/select>\t\t\t<div style=\"position: relative; width: 6rem\"><input id=\"prate-adjust-value\" type=\"number\" min=\"0\" max=\"10\" step=\"0.1\" v-model=\"prateAdjustValue\" @keyup=\"updatedPrateAdjustValue\" @change=\"updatedPrateAdjustValue\" \/>\t\t\t<div class=\"suffix\" style=\"top: 0.7rem\">%<\/div>\t\t\t<\/div><span id=\"prate-or\"> \u6216 <\/span><div style=\"position: relative; width: 6rem\"><input id=\"prate-rate\" type=\"number\" min=\"0\" max=\"10\" step=\"0.1\" v-model=\"rate\" @keyup=\"updatedRate\" @change=\"updatedRate\" \/>\t\t\t<div class=\"suffix\" style=\"top: 0.7rem\">%<\/div>\t\t<\/div>\t<\/div>\t<div class=\"remark\">P\u70baPrime rate (\u6700\u512a\u60e0\u5229\u7387)\ufe50\u662f\u8a08\u7b97\u6309\u63ed\u5229\u7387\u7684\u4e00\u500b\u57fa\u6e96<\/div>\t<div id=\"term\" class=\"input-group\">\t\t<label for=\"term\">\u9084\u6b3e\u5e74\u671f<\/label>\t\t<div style=\"width: 100%; display: flex; align-items: center\">\t\t\t<input id=\"term-years\" class=\"has-suffix\" type=\"number\" min=\"0\" max=\"30\" step=\"1\" v-model=\"term\" @keyup=\"updatedTerm\" @change=\"updatedTerm\" \/>\t\t<div class=\"suffix\" style=\"right: 50%; margin-right: 1rem\">\u5e74<\/div>\t\t<input id=\"term-months\" class=\"has-suffix\" type=\"number\" min=\"0\" max=\"12\" step=\"1\" v-model=\"termMonths\" @keyup=\"updatedTerm\" @change=\"updatedTerm\" \/>\t\t<div class=\"suffix\">\u6708<\/div>\t<\/div>\t<div class=\"remark\" style=\"color: #888\">\u672c\u8a08\u6578\u6a5f\u5047\u8a2d\u8cb7\u5bb6\u7684\u4e3b\u8981\u6536\u5165\u4f86\u81ea\u9999\u6e2f\ufe51\u6c92\u6709\u5176\u5b83\u6309\u63ed\u6216\u64d4\u4fdd\u6309\u63ed\ufe51\u8cfc\u8cb7\u7684\u7269\u696d\u662f\u4f5c\u70ba\u81ea\u4f4f\u7528\u9014\u3002\u4e0a\u8ff0\u8a08\u7b97\u7d50\u679c\u53ea\u4f5c\u53c3\u8003\u7528\u9014\ufe50\u672c\u516c\u53f8\u4e26\u4e0d\u6703\u70ba\u8a72\u7b49\u8cc7\u6599\u7684\u6e96\u78ba\u6027\ufe51\u5b8c\u6574\u6027\u548c\uff0f\u6216\u91dd\u5c0d\u67d0\u7279\u5b9a\u7528\u9014\u7684\u9069\u7528\u6027\u4f5c\u51fa\u4efb\u4f55\u4fdd\u8b49\u6216\u53ca\u9673\u8ff0\ufe50\u8a08\u7b97\u8a73\u60c5\u8acb\u53c3\u95b1\u91d1\u7ba1\u5c40\ufe51\u6309\u8b49\u516c\u53f8\ufe51\u7a05\u52d9\u5c40\u53ca\u8ca1\u52d9\u6a5f\u69cb\u7b49\u4e4b\u6700\u65b0\u516c\u5e03\/\u6279\u6838\u70ba\u6e96\u2027\u500b\u5225\u5be6\u969b\u9084\u6b3e\u60c5\u6cc1\ufe50\u8acb\u53c3\u95b1\u6709\u95dc\u4e4b\u689d\u6b3e\u53ca\u7d30\u5247\u2027\u8cc7\u6599\u66f4\u65b0\u622a\u81f3\u91d1\u7ba1\u5c40\u6700\u65b0\u6309\u63ed\u63aa\u65bd\u4e4b\u4fee\u8a02\u65e5\u671f: 2017\u5e74<\/div><\/div><input type=\"hidden\" id=\"label_monthly_repayment\" value=\"\u6bcf\u6708\u4f9b\u6b3e\" \/><input type=\"hidden\" id=\"label_down_payment\" value=\"\u9996\u671f\" \/><input type=\"hidden\" id=\"label_total_loan\" value=\"\u7e3d\u8cb8\u6b3e\u984d\" \/><input type=\"hidden\" id=\"label_total_interest\" value=\"\u7e3d\u5229\u606f\" \/><\/div>\n<div style=\"height: 120px\">&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>&nbsp;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","om_disable_all_campaigns":false,"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-652","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/snisolutionshk.com\/zh\/wp-json\/wp\/v2\/pages\/652","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/snisolutionshk.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/snisolutionshk.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/snisolutionshk.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/snisolutionshk.com\/zh\/wp-json\/wp\/v2\/comments?post=652"}],"version-history":[{"count":9,"href":"https:\/\/snisolutionshk.com\/zh\/wp-json\/wp\/v2\/pages\/652\/revisions"}],"predecessor-version":[{"id":686,"href":"https:\/\/snisolutionshk.com\/zh\/wp-json\/wp\/v2\/pages\/652\/revisions\/686"}],"wp:attachment":[{"href":"https:\/\/snisolutionshk.com\/zh\/wp-json\/wp\/v2\/media?parent=652"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}