{"id":2842,"date":"2023-01-29T11:34:22","date_gmt":"2023-01-29T03:34:22","guid":{"rendered":"https:\/\/www.hbygxx.com\/?page_id=2842"},"modified":"2024-10-10T11:03:27","modified_gmt":"2024-10-10T03:03:27","slug":"%e8%81%94%e7%b3%bb%e6%88%91%e4%bb%ac-2","status":"publish","type":"page","link":"https:\/\/www.hbygxx.com\/?page_id=2842","title":{"rendered":"\u8054\u7cfb\u6211\u4eec"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n  <meta charset=\"UTF-8\">\n  <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>\u9ed8\u8ba4\u9996\u9875<\/title>\n  <!-- \u751f\u4ea7\u73af\u5883\u7248\u672c\uff0c\u4f18\u5316\u4e86\u5c3a\u5bf8\u548c\u901f\u5ea6 -->\n  <script src=\"https:\/\/www.hbygxx.com\/wp-content\/uploads\/yxAxios.js\"><\/script>\n  <script src=\"https:\/\/www.hbygxx.com\/wp-content\/uploads\/yxVue2.js\"><\/script>\n  <!-- \u5f15\u5165\u6837\u5f0f Element-UI -->\n  <link rel=\"stylesheet\" href=\"https:\/\/www.hbygxx.com\/wp-content\/uploads\/element-ui\/lib\/theme-chalk\/index.css\">\n  <!-- \u5f15\u5165\u7ec4\u4ef6\u5e93 -->\n  <script src=\"https:\/\/www.hbygxx.com\/wp-content\/uploads\/element-ui\/lib\/index.js\"><\/script>\n  <!-- <link rel=\"stylesheet\" href=\".\/\u8054\u7cfb\u6211\u4eec.css\"> -->\n  <style>\n    body {\n  margin: 0;\n  padding: 0;\n}\n#contact_us {\n  width: 100%;\n  background-color: #fff;\n}\n#contact_us .conBox {\n  width: 1400px;\n  margin: 0 auto;\n  background-color: white;\n}\n#contact_us .conBox .head {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n#contact_us .conBox .head .tit {\n  color: #333;\n  font-size: 30px;\n  font-weight: 800;\n  line-height: 60px;\n}\n#contact_us .conBox .head .sub_tit {\n  color: #666;\n  font-size: 20px;\n}\n#contact_us .conBox .icon_row {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  height: 500px;\n  justify-content: space-evenly;\n}\n#contact_us .conBox .icon_row .iconBox:hover {\n  background-color: #eee;\n  border-radius: 8px;\n  cursor: pointer;\n}\n#contact_us .conBox .icon_row .iconBox {\n  width: 30%;\n  padding: 30px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n#contact_us .conBox .icon_row .iconBox .logoBox {\n  width: 100px;\n  height: 100px;\n  background-color: #214ac1;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n#contact_us .conBox .icon_row .iconBox .name {\n  color: #555;\n  font-size: 16px;\n  margin: 10px 0;\n}\n#contact_us .conBox .icon_row .iconBox .con_txt {\n  color: #555;\n  font-size: 22px;\n  font-weight: 600;\n}\n#contact_us .conBox .contactUsBg {\n  width: 100%;\n  height: 500px;\n}\n#contact_us .conBox .contactUsBg .contactUsBox {\n  width: 100%;\n  height: 100%;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n#contact_us .conBox .contactUsBg .contactUsBox .inpt {\n  width: 60%;\n  height: 50px;\n  line-height: 50px;\n  background-color: #f5f5f5;\n  border: none;\n  border-radius: 5px;\n  color: #333;\n  font-size: 16px;\n  outline: none;\n  margin-top: 20px;\n  padding: 0 10px;\n  box-sizing: border-box;\n}\n#contact_us .conBox .contactUsBg .contactUsBox .area {\n  width: 60%;\n  height: 120px;\n  line-height: 60px;\n  background-color: #f5f5f5;\n  border: none;\n  border-radius: 5px;\n  color: #333;\n  font-size: 16px;\n  outline: none;\n  margin-top: 20px;\n  padding: 0 10px;\n  box-sizing: border-box;\n}\n#contact_us .conBox .contactUsBg .contactUsBox .sendBtn {\n  cursor: pointer;\n  width: 360px;\n  height: 50px;\n  line-height: 50px;\n  border-radius: 30px;\n  text-align: center;\n  color: white;\n  background-color: #214ac1;\n  font-size: 20px;\n  margin-top: 30px;\n}\n\n  <\/style>\n<\/head>\n\n<body>\n  <div id=\"contact_us\">\n    <div class=\"conBox\">\n      <div class=\"head\" style=\"margin-top:100px;\">\n        <span class=\"tit\">&#8212; \u8054\u7cfb\u6211\u4eec &#8212;<\/span>\n        <span class=\"sub_tit\">\u6211\u4eec\u81f4\u529b\u4e8e\u4e3a\u60a8\u63d0\u4f9b\u6700\u5b8c\u7f8e\u7684\u89e3\u51b3\u65b9\u6848\uff01<\/span>\n      <\/div>\n      <div class=\"icon_row\">\n        <div class=\"iconBox\">\n          <div class=\"logoBox\"><i class=\"el-icon-message\"\n              style=\"color: white; font-size: 40px;\"><\/i>\n          <\/div>\n          <span class=\"name\">\u90ae\u7bb1E-MAIL<\/span>\n          <span class=\"con_txt\">1184126050@qq.com<\/span>\n        <\/div>\n        <div class=\"iconBox\">\n          <div class=\"logoBox\"><i class=\"el-icon-phone\"\n              style=\"color: white; font-size: 40px;\"><\/i>\n          <\/div>\n          <span class=\"name\">\u7535\u8bdd\u8054\u7cfb<\/span>\n          <span class=\"con_txt\">0710-3603607<\/span>\n        <\/div>\n        <div class=\"iconBox\">\n          <div class=\"logoBox\"><i class=\"el-icon-location\"\n              style=\"color: white; font-size: 40px;\"><\/i>\n          <\/div>\n          <span class=\"name\">\u516c\u53f8\u5730\u5740<\/span>\n          <span class=\"con_txt\">\u8944\u9633\u5e02\u5e02\u6c11\u670d\u52a1\u4e2d\u5fc36\u697c616<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"head\">\n        <span class=\"tit\">&#8212; \u7ed9\u6211\u4eec\u7559\u8a00 &#8212;<\/span>\n        <span class=\"sub_tit\">\u6211\u4eec\u4f1a\u5728\u6536\u5230\u60a8\u7559\u8a00\u7684\u7b2c\u4e00\u65f6\u95f4\u8054\u7cfb\u60a8\uff01<\/span>\n      <\/div>\n      <div class=\"contactUsBg\">\n        <div class=\"contactUsBox\">\n          <input type=\"text\" class=\"inpt\" placeholder=\"\u8bf7\u8f93\u5165\u8054\u7cfb\u4eba\u59d3\u540d\" v-model=\"contact_name\">\n          <input type=\"text\" class=\"inpt\" placeholder=\"\u8bf7\u8f93\u5165\u8054\u7cfb\u4eba\u7535\u8bdd\" v-model=\"contact_phone\">\n          <textarea class=\"area\" placeholder=\"\u8bf7\u8f93\u5165\u63cf\u8ff0\" v-model=\"contact_content\"><\/textarea>\n          <div class=\"sendBtn\" @click=\"clickSendButton\">\u63d0\u4ea4<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <\/div>\n\n  <script>\n\n    var app = new Vue({\n      el: '#contact_us',\n      created() {\n      },\n      data: {\n        contact_name: '', contact_phone: '', contact_content: ''\n      },\n      methods: {\n        clickSendButton() {\n          let contact_name = this.contact_name;\n          let contact_phone = this.contact_phone;\n          let contact_content = this.contact_content;\n          if (contact_name.length == 0 || contact_content.length == 0 || contact_phone.length == 0) {\n            this.$message({\n              message: '\u8bf7\u586b\u5199\u5b8c\u6574\u4fe1\u606f\uff0c\u65b9\u4fbf\u6211\u4eec\u8054\u7cfb\u60a8',\n              type: 'warning'\n            });\n            return\n          } else {\n            let isPhone = this.validatemobile(contact_phone);\n            if (!isPhone) {\n              this.$message({\n                message: '\u8bf7\u586b\u5199\u6b63\u786e\u624b\u673a\u53f7!',\n                type: 'warning'\n              });\n              return\n            }\n          }\n          let url = 'https:\/\/www.hbygxx.com:9100\/api\/wordpress\/contact_us';\n          let body = { name: this.contact_name, phone: this.contact_phone, content: this.contact_content };\n          let that = this;\n          axios.post(url, body).then(res => {\n            console.log(res)\n            if (res.data.status == 1) {\n              that.contact_content = '';\n              that.contact_name = '';\n              that.contact_phone = '';\n              that.$message({\n                message: '\u63d0\u4ea4\u6210\u529f',\n                type: 'success'\n              });\n            } else {\n              that.$message.error('\u63d0\u4ea4\u5931\u8d25');\n            }\n          })\n        },\n        validatemobile(mobile) {\n          if (mobile.length != 11) {\n            return false;\n          }\n          var myreg = \/^(1+\\d{10})$\/;\n          if (!myreg.test(mobile)) {\n            return false;\n          }\n          return true;\n        },\n        getTimeArray(date) {\n          let year = date.getFullYear();\n          let month = date.getMonth() + 1;\n          month = month < 10 ? `0${month}` : month\n          let day = date.getDate();\n          day = day < 10 ? `0${day}` : day;\n          return [year, month, day];\n        }\n      }\n    })\n  <\/script>\n<\/body>\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u9ed8\u8ba4\u9996\u9875 &#8212; \u8054\u7cfb\u6211\u4eec &#8212; \u6211\u4eec\u81f4\u529b\u4e8e\u4e3a\u60a8\u63d0\u4f9b\u6700\u5b8c\u7f8e\u7684\u89e3\u51b3\u65b9\u6848\uff01 \u90ae\u7bb1E-MAIL 1&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-2842","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.hbygxx.com\/index.php?rest_route=\/wp\/v2\/pages\/2842","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hbygxx.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hbygxx.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hbygxx.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hbygxx.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2842"}],"version-history":[{"count":10,"href":"https:\/\/www.hbygxx.com\/index.php?rest_route=\/wp\/v2\/pages\/2842\/revisions"}],"predecessor-version":[{"id":3258,"href":"https:\/\/www.hbygxx.com\/index.php?rest_route=\/wp\/v2\/pages\/2842\/revisions\/3258"}],"wp:attachment":[{"href":"https:\/\/www.hbygxx.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2842"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}