{"id":9,"date":"2022-06-23T02:45:22","date_gmt":"2022-06-23T02:45:22","guid":{"rendered":"http:\/\/tailwind-themes.local\/?page_id=9"},"modified":"2024-10-10T09:02:41","modified_gmt":"2024-10-10T01:02:41","slug":"contact","status":"publish","type":"page","link":"https:\/\/www.plasticgranularmachine.com\/zh\/contact\/","title":{"rendered":"\u8054\u7cfb\u6211\u4eec"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\" id=\"h-get-latest-quote\">Get Latest Quote<\/h2>\n\n\n\r\n    <div id=\"sl-contact-form\">\r\n        <div class=\"block\" x-data=\"contactForm\">\r\n\r\n            <form action=\"\" x-data @submit.prevent=\"submitForm()\">\r\n                <div class=\"grid  gap-3\">\r\n\r\n                    <div class=\"block\">\r\n                        <input class=\"p-1 w-full shadow border focus:outline-1 focus:outline-black\/30\"\r\n                               :class=\"formDataStat.name.valid ? 'border-custom1\/30':'border-red-400'\"\r\n                               type=\"text\"\r\n                               placeholder=\"Name\" x-model=\"formData.name\">\r\n                        <span x-show=\"!formDataStat.name.valid\"\r\n                              :class=\"formDataStat.name.valid ? 'text-gray-300' : 'text-red-300'\">\r\n                                How shall we call you ?\r\n                            <\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"block\">\r\n                        <input :class=\"formDataStat.phone.valid ? 'border border-custom1\/30':'border-red-400'\"\r\n                               class=\"p-1 shadow w-full border focus:outline-1 focus:outline-black\/30\" type=\"tel\"\r\n                               placeholder=\"Phone\"\r\n                               name=\"cfname\" x-model=\"formData.phone\">\r\n                        <span x-show=\"!formDataStat.phone.valid\"\r\n                              :class=\"formDataStat.phone.valid ? 'text-gray-300' : 'text-red-300'\">Please enter your\r\n                                correct number.<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"block\">\r\n                        <input :class=\"formDataStat.email.valid ? 'border border-custom1\/30':'border-red-400'\"\r\n                               class=\"p-1 shadow w-full border focus:outline-1 focus:outline-black\/30\" type=\"text\"\r\n                               placeholder=\"Email\"\r\n                               x-model=\"formData.email\">\r\n                        <span x-show=\"!formDataStat.email.valid\"\r\n                              :class=\"formDataStat.email.valid ? 'text-gray-300' : 'text-red-300'\">Please enter your\r\n                                email address.<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"block\">\r\n                        <input class=\"border  p-1 shadow w-full border border-custom1\/30 focus:outline-1\r\n                        focus:outline-black\/30\"\r\n                               type=\"text\"\r\n                               placeholder=\"WhatsApp \/ Wechat\"\r\n                               x-model=\"formData.whatsapp\">\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"col-span-full block\">\r\n                                <textarea :class=\"formDataStat.requirements.valid ? '':'border-red-400'\"\r\n                                          class=\"p-3 shadow w-full h-56 border border-custom1\/30 focus:outline-1\r\n                                          focus:outline-black\/30\"\r\n                                          name=\"\" id=\"\"\r\n                                          placeholder=\"Please tell us your detailed needs and we will contact you as soon as possible.\"\r\n                                          x-model=\"formData.requirements\"><\/textarea>\r\n                        <span x-show=\"!formDataStat.requirements.valid\"\r\n                              :class=\"formDataStat.requirements.valid ? 'text-gray-300' : 'text-red-300'\">\r\n                                Please detail your requirements.\r\n                            <\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"block col-span-full text-center\">\r\n                        <button class=\"quote-button\" x-text=\"buttonText\"><\/button>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/form>\r\n        <\/div>\r\n\r\n\r\n        <script>\r\n            document.addEventListener('alpine:init', () => {\r\n                Alpine.data('contactForm', () => ({\r\n                    formData: {\r\n                        name: '',\r\n                        phone: '',\r\n                        email: '',\r\n                        whatsapp: '',\r\n                        requirements: '',\r\n                        title: 'Products',\r\n                        action: 'shuliy_service_bar',\r\n                        _wpnonce: \"78f7059102\",\r\n                        fromip: '216.73.216.220'\r\n                    },\r\n                    formDataStat: {\r\n                        name: {\r\n                            valid: true\r\n                        },\r\n                        phone: {\r\n                            valid: true\r\n                        },\r\n\r\n                        email: {\r\n                            valid: true\r\n                        },\r\n                        requirements: {\r\n                            valid: true\r\n                        },\r\n\r\n                    },\r\n                    verifyData() {\r\n                        let vstate = true\r\n                        \/\/\u9a8c\u8bc1\r\n                        if (this.isEmpty(this.formData.name)) {\r\n                            this.formDataStat.name.valid = false\r\n                            vstate = false\r\n                        } else {\r\n                            this.formDataStat.name.valid = true\r\n                        }\r\n\r\n                        if (this.isEmpty(this.formData.phone)) {\r\n                            this.formDataStat.phone.valid = false\r\n                            vstate = false\r\n                        } else {\r\n                            this.formDataStat.phone.valid = true\r\n                        }\r\n\r\n                        var reg = \/^([A-Za-z0-9_\\-\\.])+\\@([A-Za-z0-9_\\-\\.])+\\.([A-Za-z]{2,4})$\/;\r\n                        if (!reg.test(this.formData.email)) {\r\n                            this.formDataStat.email.valid = false\r\n                            vstate = false\r\n                        } else {\r\n                            this.formDataStat.email.valid = true\r\n                        }\r\n\r\n\r\n                        if (this.isEmpty(this.formData.requirements)) {\r\n                            this.formDataStat.requirements.valid = false\r\n                            vstate = false\r\n                        } else {\r\n                            this.formDataStat.requirements.valid = true\r\n                        }\r\n\r\n\r\n                        return vstate\r\n                    },\r\n                    isEmpty(str) {\r\n                        if (str == null || str == \"\" || str == undefined) {\r\n                            return true\r\n                        }\r\n\r\n                        str = str.replace(\/\\s\/g, \"\")\r\n                        if (str == \"\") {\r\n                            return true\r\n                        }\r\n\r\n                        return false\r\n                    },\r\n                    submitting: false,\r\n                    buttonText: 'Submit',\r\n                    submitForm() {\r\n                        if (!this.verifyData()) {\r\n                            return\r\n                        }\r\n                        this.buttonText = 'Submit'\r\n                        this.submitting = true\r\n                        this.buttonText = 'submitting...'\r\n                        fetch('https:\/\/www.plasticgranularmachine.com\/wp-admin\/admin-ajax.php', {\r\n                            method: \"POST\",\r\n                            credentials: 'same-origin',\r\n                            headers: {\r\n                                'Content-Type': 'application\/x-www-form-urlencoded'\r\n                            },\r\n                            body: qs.stringify(this.formData),\r\n                        }).then((resp) => {\r\n                            return resp.json()\r\n                        }).then(res => {\r\n                            \/\/success\r\n                            this.buttonText = 'Your message has been submitted.'\r\n\r\n\r\n                        }).catch((err) => {\r\n                            console.log('error');\r\n                        }).finally(() => {\r\n                            this.submitting = false\r\n                        })\r\n                    }\r\n                }))\r\n            })\r\n        <\/script>\r\n    <\/div>\r\n\r\n\t\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"540\" src=\"https:\/\/www.plasticgranularmachine.com\/wp-content\/uploads\/2022\/08\/company-picture.jpg\" alt=\"\" class=\"wp-image-337\" srcset=\"https:\/\/www.plasticgranularmachine.com\/wp-content\/uploads\/2022\/08\/company-picture.jpg 720w, https:\/\/www.plasticgranularmachine.com\/wp-content\/uploads\/2022\/08\/company-picture-300x225.jpg 300w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/figure>\n\n\n\n<p><strong>WhatsApp\/Tel<\/strong>: +86 17303831295<\/p>\n\n\n\n<p><strong>Email<\/strong>: info@plasticgranularmachine.com<\/p>\n\n\n\n<p><strong>Address<\/strong>: Nautical Road East, Zhengzhou Economic Development Zone, Henan, China<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u83b7\u53d6\u6700\u65b0\u62a5\u4ef7 WhatsApp\/\u7535\u8bdd\uff1a+86 17303831295 \u7535\u5b50\u90ae\u4ef6\uff1ainfo@plascruelarmachine.com \u5730\u5740\uff1a\u4e2d\u56fd\u6cb3\u5357\u7701\u90d1\u5dde\u7ecf\u6d4e\u5f00\u53d1\u533a\u822a\u6d77\u4e1c\u8def<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.plasticgranularmachine.com\/zh\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.plasticgranularmachine.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.plasticgranularmachine.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.plasticgranularmachine.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.plasticgranularmachine.com\/zh\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":0,"href":"https:\/\/www.plasticgranularmachine.com\/zh\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.plasticgranularmachine.com\/zh\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}