{"id":33543,"date":"2024-08-23T16:47:38","date_gmt":"2024-08-23T08:47:38","guid":{"rendered":"https:\/\/www.goglobalsafe.com\/?page_id=33543"},"modified":"2024-11-28T11:41:40","modified_gmt":"2024-11-28T03:41:40","slug":"us-code","status":"publish","type":"page","link":"https:\/\/www.goglobalsafe.com\/zh\/us-code\/","title":{"rendered":"\u7f8e\u56fd\u4ee3\u7801"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"33543\" class=\"elementor elementor-33543\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-10cb457 elementor-section-full_width elementor-section-height-min-height elementor-section-items-top elementor-section-content-middle elementor-section-height-default\" data-id=\"10cb457\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9114185\" data-id=\"9114185\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bb31339 elementor-widget elementor-widget-shortcode\" data-id=\"bb31339\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><link href=\"\/wp-content\/static\/js\/select2.css\" rel=\"stylesheet\">\n<script src=\"\/wp-content\/static\/js\/select2.js\"><\/script>\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script src=\"\/wp-content\/static\/js\/vue.global.js\"><\/script>\n<script src=\"\/wp-content\/static\/js\/axios.min.js\"><\/script>\n<style>\n    @media (max-width: 768px) {\n        .diyform .img1,.diyform .img2{\n            display: none;\n        }\n        .mail_title {\n            display: none;\n        }\n        .not-code-img {\n            background-image: url('\/wp-content\/static\/home\/no-code\/background.svg');\n            background-size: cover !important; \/* \u4fee\u6539\u4e3a contain \u6765\u4fdd\u6301\u56fe\u7247\u6bd4\u4f8b *\/\n            background-position: center;\n            background-repeat: no-repeat; \/* \u786e\u4fdd\u56fe\u7247\u4e0d\u4f1a\u91cd\u590d *\/\n        }\n    }\n    [v-cloak] {\n        display: none;\n    }\n    .select2-container .select2-selection--single {\n        height:44px\n    }\n\n    .select2-container--default .select2-selection--single .select2-selection__rendered {\n        line-height:40px\n    }\n    \/* \u8fc7\u6e21\u6548\u679c *\/\n    @font-face {\n        font-family: 'PingFang SC-Bold';\n        src: url('\/wp-content\/static\/font\/pingfang\/PingFangSCBold.woff2') format('woff2');\n    }\n    @font-face {\n        font-family: 'Archivo Black-Regular';\n        src: url('\/wp-content\/static\/font\/regular\/ArchivoBlack-Regular.woff2') format('woff2');\n        font-weight: bold;\n        font-style: normal;\n    }\n    .diyform {\n        position: relative;\n    }\n    .diyform .img1 {\n        width: 198px;\n        height: auto;\n        right: 2rem;\n        top: -8rem;\n    }\n    .diyform img{\n        position:absolute;\n    }\n    .mail_name {\n        font-family: \"Archivo Black-Regular\", sans-serif;\n    }\n    .subtitle {\n        font-family: \"PingFang SC-Bold\", sans-serif;\n    }\n    .bg-image {\n        background-image: url('\/wp-content\/static\/home\/code\/background.svg');\n        background-size: cover;\n        background-position: center;\n        padding: 30px; \/* Adjust as needed *\/\n        border-radius: 15px;\n    }\n    .button {\n        box-shadow:none!important;\n    }\n    .not-code-img {\n        background-image: url('\/wp-content\/static\/home\/no-code\/background.svg');\n        background-size: contain; \/* \u4fee\u6539\u4e3a contain \u6765\u4fdd\u6301\u56fe\u7247\u6bd4\u4f8b *\/\n        background-position: center;\n        background-repeat: no-repeat; \/* \u786e\u4fdd\u56fe\u7247\u4e0d\u4f1a\u91cd\u590d *\/\n    }\n\n    .h5-not-code-img {\n        background-image: url('\/wp-content\/static\/home\/no-code\/background.svg');\n        background-size: cover; \/* \u4fee\u6539\u4e3a contain \u6765\u4fdd\u6301\u56fe\u7247\u6bd4\u4f8b *\/\n        background-position: center;\n        background-repeat: no-repeat; \/* \u786e\u4fdd\u56fe\u7247\u4e0d\u4f1a\u91cd\u590d *\/\n    }\n    .title-img {\n        background-image: url('\/wp-content\/static\/home\/code\/title.png');\n        background-size: cover;\n        background-position: center;\n    }\n    .custom-drop-shadow {\n        filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.25));\n    }\n<\/style>\n<div id=\"app\" class=\"app\" data-no-translation=\"\">\n    <!-- \u52a0\u8f7d\u52a8\u753b -->\n    <div v-if=\"loading\" v-cloak class=\"fixed top-0 left-0 w-full h-screen flex justify-center items-center bg-white z-50\">\n        <span class=\"sr-only\">Loading...<\/span>\n        <div class=\"h-8 w-8 bg-black rounded-full animate-bounce mr-2\"><\/div>\n        <div class=\"h-8 w-8 bg-black rounded-full animate-bounce mr-2\" style=\"animation-delay: -0.3s;\"><\/div>\n        <div class=\"h-8 w-8 bg-black rounded-full animate-bounce\"><\/div>\n    <\/div>\n    <!-- loader -->\n    <div v-if=\"test_Loading\" v-cloak class=\"w-full h-full fixed top-0 left-0 bg-white opacity-75 z-50\">\n        <div class=\"flex justify-center items-center mt-[50vh]\">\n            <div class=\"h-8 w-8 bg-black rounded-full animate-bounce mr-2\"><\/div>\n            <div class=\"h-8 w-8 bg-black rounded-full animate-bounce mr-2\" style=\"animation-delay: -0.3s;\"><\/div>\n            <div class=\"h-8 w-8 bg-black rounded-full animate-bounce\"><\/div>\n        <\/div>\n    <\/div>\n    <!--alert\u63d0\u793a-->\n    <div v-if=\"error_network\" v-cloak class=\"bg-red-100 text-red-800 p-4 rounded-lg relative mt-12 z-50\" role=\"alert\">\n        <strong class=\"font-bold text-sm mr-4\">Error!<\/strong>\n        <span class=\"block text-sm sm:inline max-sm:mt-2\">Network Error!<\/span>\n    <\/div>\n    <!-- \u6ce8\u518c\u8868\u5355 -->\n    <div class=\"mx-auto container\" :class=\"{ 'md:mt-[10rem] mt-[8rem]': isPlans, 'md:mt-[10rem] mt-[4rem]': !isPlans  }\">\n        <div v-if=\"isPlans\" v-cloak class=\"relative flex items-center justify-center bg-image rounded-md text-[#333] font-sans md:max-w-4xl max-w-xl h-auto  mx-auto p-4 md:p-6\" :class=\"{'md:min-h-[652px] min-h-[950px]' :lang ==='zh','md:min-h-[710px] min-h-[1050px]':lang ==='en'  }\">\n            <div class=\"v-cloak absolute -top-10 md:left-20 left-15 md:w-full h-full\">\n                <img decoding=\"async\" src=\"\/wp-content\/static\/home\/code\/title.png\" alt=\"Background\" :class=\"{'object-cover md:w-[32rem] w-[16rem] h-full':lang==='zh','object-cover md:w-[34rem] w-[16rem] h-full':lang==='en'}\" style=\"border-radius:.5rem\">\n            <\/div>\n            <span class=\"v-cloak absolute  -skew-y-3\" :class=\"{'subtitle md:left-[7.5rem] left-[6.5rem] md:text-[39px] text-[20px] md:-top-6 -top-7':lang==='zh','mail_name md:left-[6.5rem] left-[3.5rem] md:text-[32px] text-[15px] md:-top-3 -top-7':lang==='en'}\">{{ fromText.title_fu }}<\/span>\n            <!--\u661f\u5df4\u514b\u6807\u5fd7-->\n            <img decoding=\"async\" v-cloak src=\"\/wp-content\/static\/home\/code\/xingbake.png\" alt=\"Background\" class=\"md:flex hidden absolute -top-9 -right-10 object-cover w-[17rem]  h-full\" style=\"border-radius:.5rem\">\n\n            <div v-cloak class=\"absolute font-medium mb-4 mail_name\" :class=\"{ 'md:top-[8%] top-[1%] md:left-[9%] left-[5%] md:text-[20px] text-[12px]' :lang === 'zh', 'md:top-[8%] top-[0%] md:left-[9%] left-[4.5%] md:text-[20px] text-[12px]' :lang === 'en'  }\">\n                <div class=\"sm:col-span-2 flex flex-col items-start mt-4 pt-4 pb-2 text-gray-600 gap-1\">\n                    <div class=\"text-sm subtitle mr-2 flex-wrap\">\n                        <span class=\"text-black\">{{ fromText.title }}<\/span>\n                        <span class=\"text-[#ce5937] ml-1\">{{ fromText.title1 }}<\/span>\n                    <\/div>\n                    <div class=\"text-sm subtitle mr-2 flex\" :class=\"{ 'flex-col' :lang === 'en' }\">\n                        <span class=\"text-black\">{{ fromText.title2 }}<\/span>\n                        <span style=\"color:#ce5937\">{{ fromText.title3 }}<\/span>\n                    <\/div>\n                    <div class=\"text-xs subtitle mr-2\">{{ fromText.subtitle }}<\/div>\n                    <div class=\"text-xs subtitle mr-2\" :class=\"{'md:max-w-[38rem]':lang === 'en'}\">{{ fromText.subtitle1 }}<\/div>\n                <\/div>\n            <\/div>\n            <span v-cloak class=\"absolute md:top-[20%] top-[7%] md:left-[18%] md:text-[20px] text-[12px] text-center subtitle\">{{  }}<\/span>\n            <div v-cloak class=\"absolute inset-x-4 inset-y-4 md:h-3\/3 h-3\/3 bg-white p-4 md:p-4 rounded-xl\" :class=\"{              'md:top-[29%] top-[17%]': lang === 'zh',              'md:top-[33%] top-[26%]': lang === 'en',              'max-w-4xl': isPlans,              'max-w-xl': !isPlans            }\">\n                <div class=\"grid sm:grid-cols-1 gap-12\">\n                    <!-- Form Title -->\n                    <div v-cloak class=\"space-y-8 mt-2\">\n                        <form @submit.prevent=\"handleSubmit\" class=\"subtitle p-4 grid grid-cols-1 sm:grid-cols-2 gap-6\" action=\"\">\n                            <!--First name-->\n                            <div class=\"sm:col-span-1\">\n                                <label for=\"firstname_id\" class=\"block text-sm font-medium text-black\">{{ fromText.firstname }}<\/label>\n                                <input type=\"text\" id=\"firstname\" required placeholder=\"First name\" v-model=\"formData.firstname\" class=\"w-full rounded-md text-black py-2.5 px-4 border bg-teal-300 text-sm\" style=\"background-color:#E7F0FE;color:black\"\/>\n                            <\/div>\n                            <!--Last name-->\n                            <div class=\"sm:col-span-1\">\n                                <label for=\"lastname_id\" class=\"block text-sm font-medium text-black\">{{ fromText.lastname }}<\/label>\n                                <input type=\"text\" id=\"lastname\" required placeholder=\"Last name\" v-model=\"formData.lastname\" class=\"w-full rounded-md text-black py-2.5 px-4 border bg-teal-300 text-sm\" style=\"background-color:#E7F0FE;color:black\"\/>\n                            <\/div>\n                            <!--\u90ae\u7bb1email-->\n                            <div class=\"sm:col-span-1\">\n                                <label for=\"email\" class=\"block text-sm font-medium text-black\">{{ fromText.email }}<\/label>\n                                <input type=\"email\" id=\"email\" required placeholder=\"Email address\" v-model=\"formData.email\" class=\"w-full rounded-md text-black py-2.5 px-4 border bg-teal-300 text-sm\" style=\"background-color:#E7F0FE;color:black\"\/>\n                                <span class=\"text-red-500 font-bold text-xs mt-1 subtitle\" v-if=\"errors.EmailMessage\">{{ errors.EmailMessage }}<\/span>\n                            <\/div>\n                            <!--\u5b66\u6821schoole-->\n                            <div class=\"sm:col-span-1\">\n                                <label for=\"school_id\" class=\"block text-sm font-medium text-black\">{{ fromText.schoole  }}<\/label>\n                                <select v-model=\"selectedSchool\" required style=\"width:100%;\" class=\"school py-3\">\n                                    <option value=\"\">Search School<\/option>\n                                    <option v-for=\"school in schools\" :key=\"school.id\" :value=\"school.id\">{{school.name}}<\/option>\n                                <\/select>\n                            <\/div>\n                            <!--\u5e74\u7ea7grade-->\n                            <div class=\"sm:col-span-1\">\n                                <label for=\"grade_id\" class=\"block text-sm font-medium text-black\">{{ fromText.grade }}<\/label>\n                                <select v-model=\"selectedGrade\" required style=\"width:100%;\" class=\"grades py-2\">\n                                    <option value=\"\">Search grade<\/option>\n                                    <option v-for=\"grade in grades\" :key=\"grade.id\" :value=\"String(grade.name)\">{{grade.name}}<\/option>\n                                <\/select>\n                            <\/div>\n                            <!--\u5b66\u53f7student_id-->\n                            <div class=\"sm:col-span-1\">\n                                <label for=\"student_id\" class=\"block text-sm font-medium text-black\">{{ fromText.student_id }}<\/label>\n                                <input type=\"text\" id=\"student_id\" required placeholder=\"Student ID\" v-model=\"formData.student_id\" class=\"w-full rounded-md text-black py-2.5 px-4 border bg-teal-300 text-sm\" style=\"background-color:#E7F0FE;color:black\"\/>\n                            <\/div>\n                            <div class=\"sm:col-span-2 flex justify-center\">\n                                <button type=\"submit\" class=\"text-white bg-[#242424] hover:bg-[#242424] font-semibold rounded-md text-sm md:text-base px-4 py-2.5 w-full md:w-64\" style=\"background-color:#242424;box-shadow:none!important;\">{{ fromText.submit }}<\/button>\n                            <\/div>\n                            <div class=\"sm:col-span-2\" :class=\"{'flex flex-col items-justified-center text-center' :lang === 'zh','md:flex hidden flex-col absolute md:bottom-[3%] bottom-[1%] right-6 ' :lang === 'en' }\">\n                                <div class=\"text-xs subtitle block\">{{ fromText.tip3 }}<\/div>\n                                <div class=\"text-xs subtitle block\">{{ fromText.tip1 }}<\/div>\n                            <\/div>\n                            <!-- Add a wrapper to handle full height and position the bottom-left text -->\n                            <!-- Add a wrapper to position the three sentences in the bottom-left -->\n                            <div class=\"absolute inset-x-4 md:bottom-[1%] bottom-[1%]\">\n                                <div class=\"sm:col-span-2 flex flex-col items-start mt-4 pt-4 pb-2 text-gray-600 gap-1\">\n                                    <div class=\"text-xs subtitle mr-2\" style=\"padding-bottom:1px\">{{ fromText.lower_corner1 }}<\/div>\n                                    <div class=\"text-xs subtitle mr-2\">{{ fromText.lower_corner2 }}<\/div>\n                                <\/div>\n                            <\/div>\n                        <input type=\"hidden\" name=\"trp-form-language\" value=\"zh\"\/><\/form>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div v-else v-cloak class=\"custom-drop-shadow relative flex items-center justify-center  rounded-md text-[#333] font-sans md:max-w-[640px] max-w-[320px] h-auto mx-auto p-4 md:p-6\"\n             :class=\"{                  'md:min-h-[632px] min-h-[500px] not-code-img': lang === 'zh',                  'md:min-h-[632px] min-h-[550px] not-code-img': lang === 'en',               }\">\n            <!--top\u6807\u5fd7-->\n            <div v-cloak class=\"absolute top-4 md:left-[195px] left-[60px] md:w-full h-full\">\n                <img decoding=\"async\" src=\"\/wp-content\/static\/home\/no-code\/top.png\" alt=\"Background\" class=\"object-cover md:w-[220px] w-[180px] h-full\" style=\"border-radius:.5rem\">\n            <\/div>\n            <!-- Your Code-->\n            <div v-cloak class=\"select-none  absolute z-10 md:top-[200px] top-[160px] md:left-[240px] left-[85px] md:w-full h-full\" >\n                <span class=\"text-black mail_name text-[17px] flex-1 bg-[#FFD146] rounded-full p-4 py-2\">{{ codeText.title }}<\/span>\n            <\/div>\n            <div v-cloak class=\"md:p-6 p-4 z-50 md:mt-12 mt-8 md:max-w-[400px] md:mr-[1.62rem] mr-[1.7rem] max-w-[250px] container text-center bg-[#FFFFFF] rounded-md\">\n                <span v-cloak class=\"flex-1 md:text-[40px] text-[20px] tracking-[5px] text-black subtitle\">{{ formData.code }}<\/span>\n                <button v-cloak class=\"flex md:mt-0 mt-2 items-center md:py-3 py-2 rounded-md cursor-pointer\" :class=\"{'md:px-[140px] px-[70px] m-auto' : !copied, 'md:px-[150px] px-[70px] m-auto' : copied  }\"  @click=\"copy_link\" style=\"background-color:#000000;box-shadow:none!important;\">\n                    <img decoding=\"async\" v-if=\"copied\" src=\"\/wp-content\/static\/home\/no-code\/copy.png\" alt=\"copied\" class=\"w-4 h-4\">\n                    <span class=\"md:ml-2 ml-2 text-[#FFFFFF] m-auto text-nowrap text-sm\">{{ copied ? copiedText : copyTextLabel }}<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"absolute inset-x-0 md:top-[450px] top-[340px] md:-left-[12px] -left-[10px] w-full h-full\"\n                 :class=\"{                  'md:block hidden': lang === 'en',               }\">\n                <span class=\"block border-b-2 border-dashed border-black m-auto md:w-[370px] w-[250px]\"><\/span>\n            <\/div>\n            <div class=\"absolute md:max-w-[400px] max-w-[260px] md:inset-x-0  md:left-[112px] left-[20px] w-full h-full text-center\"\n               :class=\"{                  'md:top-[500px] top-[360px]': lang === 'zh',                  'md:top-[460px] top-[360px]': lang === 'en',               }\">\n                <span class=\"select-none  md:text-[17px] font-medium text-[#000000] text-xs subtitle break-words\">{{ fromText.tip2 }}<\/span>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n<script>\n    const { createApp, ref, reactive,onMounted,computed,watch,nextTick} = Vue;\n    createApp({\n        setup(){\n            const main_title = ref('Apply for a code?')\n            const subtitle = ref('Enter your email to apply')\n            const loading = ref(true)\n            \/\/\u4fdd\u9669\u8ba1\u5212\n            const isPlans = ref(true);\n            const selectedVisa = ref(1)\n            const schools = ref([])\n            const showSchoolSelect = ref(true)\n            const selectedSchool = ref(null)\n            const selectedGrade = ref(null)\n            const error_network = ref(false)\n            const api_url = 'https:\/\/agent.goglobalsafe.com\/api\/v1\/insurance\/baoxian'\n            const apiBaseUrl = ref('https:\/\/agent.goglobalsafe.com\/api\/v1\/insurance\/baoxian\/')\n            \/\/\u5224\u65ad\u5f53\u524d\u662f\u4e2d\u6587\u8fd8\u662f\u82f1\u6587\n            const path = window.location.pathname;\n            const lang = path.includes('\/zh') ? 'zh' : 'en';\n            \/\/\u5f53\u524d\u590d\u5236\u72b6\u6001\u9ed8\u8ba4\u672a\u590d\u5236\u72b6\u6001\n            const copied = ref(false);\n            \/\/code\u8868\u5355\n            const fromText = reactive({\n                email: lang === 'zh' ? '\u90ae\u4ef6\u5730\u5740' : 'Email address',\n                firstname:  lang === 'zh' ? '\u540d\u5b57' : 'First name',\n                lastname: lang === 'zh' ? '\u59d3\u6c0f' : 'Last name',\n                schoole : lang === 'zh' ? '\u5b66\u6821' : 'School',\n                grade: lang === 'zh' ? '\u5e74\u7ea7' : 'Grade',\n                student_id :  lang === 'zh' ? '\u5b66\u53f7' : 'Student ID',\n                submit :  lang === 'zh' ? '\u83b7\u53d6\u63a8\u8350\u7801' : 'Get code',\n                title_fu:lang === 'zh' ? '\u63a8\u8350\u597d\u53cb\uff0c\u5171\u4eab\u661f\u793c' : 'Refer Friends, Earn Rewards!',\n                title :  lang === 'zh' ? '\u8d2d\u4e70\u8ba1\u5212\u540e\uff0c\u586b\u5199\u4fe1\u606f\u751f\u6210' : 'After purchasing the plan, fill in your details to generate a',\n                title1: lang === 'zh' ? '\u4e13\u5c5ecode!' : 'unique code!',\n                title2 : lang === 'zh' ? '\u63a8\u8350\u597d\u53cb\u8d2d\u4e70\u65f6\u586b\u5199\uff0c\u548c\u597d\u53cb' : 'Share the code with your friends when they make a purchase, and both of you will receive a',\n                title3 : lang === 'zh' ? '\u5404\u83b7\u5f97$15\u661f\u5df4\u514b\u5361\uff01' : '$15 Starbucks gift card!',\n                subtitle :  lang === 'zh' ? '*\u63a8\u8350\u5b98\u5956\u52b1\u53ef\u65e0\u9650\u7d2f\u52a0\uff0c\u63a8\u8350\u4eba\u6570>=5\u53ef\u6298\u73b0\u54e6~' : 'Referral rewards can accumulate without limit. Refer 5 or more friends to cash out your rewards!',\n                subtitle1 : lang === 'zh' ? '\u672a\u8d2d\u4e70\u7528\u6237\u4e5f\u53ef\u586b\u5199\u4fe1\u606f\u751f\u6210code\uff0c\u63a8\u83501\u4eba\u586b\u5199\u8d2d\u4e70\u53ef\u5f9740\u4eba\u6c11\u5e01\uff08\u53ef\u7d2f\u52a0\uff09\uff0c\u88ab\u63a8\u8350\u4eba\u5956\u52b1\u4e0d\u53d8~' : '*Users who have not purchased can also fill in their information to generate their own code. For each successful referral,the referrer will receive 40 RMB, and the referee will still receive a $15 Starbucks card.',\n                tip1 : lang === 'zh' ? '\u672c\u6d3b\u52a8\u5c06\u4e8e2025\u5e742\u670828\u65e5\u622a\u6b62\uff01' : 'This campaign will end on February 28, 2025!',\n                tip2 : lang === 'zh' ? '\u8bf7\u6ce8\u610f\uff1a\u52a1\u5fc5\u8ba9\u597d\u53cb\u5728\u9009\u62e9\u8ba1\u5212\u9875\u9762\u586b\u5199code\u540e\u8d2d\u4e70\u3002\u5b8c\u6210\u8d2d\u4e70\u540e\uff0c\u5956\u52b1\u5c06\u4f1a\u5728\u6b21\u6708\u53d1\u653e\u5230\u90ae\u7bb1\u3002\uff08\u73b0\u91d1\u5956\u52b1\u8bf7\u54a8\u8be2\u5ba2\u670d\u9886\u53d6\uff09' : 'Make sure your friends enter the code on the plan selection page before completing the purchase.After the purchase is completed, the rewards will be sent to the email address in the following month. (For cash rewards, please contact customer service to claim them.)',\n                tip3 : lang === 'zh' ? '\u4e13\u5c5ecode\u4f1a\u540c\u65f6\u53d1\u9001\u5230\u90ae\u7bb1\u54e6\uff01' : 'The unique code will also be sent to your email!',\n                lower_corner1: lang === 'zh' ? '*\u88ab\u63a8\u8350\u4eba\u9700\u9996\u6b21\u8d2d\u4e70\uff0c\u91cd\u590d\u8d2d\u4e70\u65e0\u6548' : 'The referred friend must make their first purchase; repeat purchases are invalid.',\n                lower_corner2: lang === 'zh' ? '*\u6bcf\u4f4d\u63a8\u8350\u4eba\u53ea\u80fd\u586b\u5199\u4e00\u4e2a\u63a8\u8350\u7801\uff0c\u591a\u586b\u65e0\u6548' : 'Each referrer can only use one referral code; duplicate entries are invalid.',\n            })\n            \/\/\u8fd4\u56de\u6807\u9898code\n            const codeText = reactive({\n                title: lang === 'zh' ? '\u4f60\u7684\u63a8\u8350\u7801' : 'Your Code',\n                copy: lang === 'zh' ? '\u590d\u5236' : 'Copy',\n                subtitle: lang === 'zh' ? '\u53d1\u9001\u7ed9\u597d\u53cb\uff0c\u9080\u8bf7\u53c2\u4e0e\u6d3b\u52a8\u4e00\u8d77\u83b7\u5f97\u5956\u52b1\u5427!' : 'Send it to your friends , invite them to earn rewards together!'\n            })\n            const copyTextLabel = computed(()=>(lang === 'zh' ? '\u590d\u5236' : 'Copy'))\n            const copiedText = computed(()=>(lang === 'zh' ? '\u5df2\u590d\u5236' : 'copied'))\n\n            const test_Loading = ref(false);\n            const formData = ref({\n                email:'',\n                name:'',\n                surname:'',\n                student_id:'',\n                code:'',\n            })\n            \/\/\u5e74\u7ea7\u5217\u8868\n            const grades = ref([\n                {id: 1, name: 'Freshman (1st Year Undergraduate)'},\n                {id: 2, name: 'Sophomore (2nd Year Undergraduate)'},\n                {id: 3, name: 'Junior (3rd Year Undergraduate)'},\n                {id: 4, name: 'Senior (4th Year Undergraduate)'},\n                {id: 5, name: '1st Year Graduate (Master\\'s)'},\n                {id: 6, name: '2nd Year Graduate (Master\\'s)'},\n                {id: 7, name: '3rd Year Graduate (Master\\'s)'},\n                {id: 8, name: 'PhD Candidate (Doctoral)'},\n                {id: 9, name: 'Postdoctoral Fellow'},\n                {id: 10, name: 'other'},\n            ]); \/\/\n            const errors = ref({});\n\n            \/\/\u63d0\u4ea4\u8868\u5355\n            const login = async() =>{\n                try {\n                    const response = await axios.post(`${api_url}\/us\/referras\/email`,{\n                        email: formData.value.email,\n                        firstname:formData.value.firstname,\n                        lastname:formData.value.lastname,\n                        school_id:selectedSchool.value,\n                        grade:selectedGrade.value,\n                        student_code:formData.value.student_id,\n                    },{\n                        headers:{\n                            \"X-Authentication-Key\": \" HSxZK8nHniLzZtv0Qtfk87wvNvXpJZ5K\",\n                        }\n                    });\n                    formData.value.code = response.data.code\n                    if (response.data.status === 201){\n                        \/\/\u8bc1\u660e\u662fnot plan \u7ffb\u8f6c\u5361\u7247\n                        isPlans.value = false\n                        test_Loading.value = false\n                    }else {\n                        \/\/\u5b58\u50a8code\n                        sessionStorage.setItem('agent_code', formData.value.code);\n                        \/\/ \u8df3\u8f6c\u5230\u5b66\u6821\u5bf9\u5e94\u7684 productList\n                        await handleButtonClick(selectedSchool.value);\n                    }\n                }catch (error){\n                    console.log(error);\n                    const response = error.response;\n                    test_Loading.value = false\n                    if (response.data.status === 406){\n                        \/\/\u8bc1\u660e\u662f\u90ae\u7bb1\u591a\u6b21\u7533\u8bf7\n                        console.log(response.data.message);\n                        errors.value.EmailMessage = response.data.message\n                    }else {\n                        console.log(response.data)\n                        error_network.value = true;\n                        close_network()\n                    }\n                }\n            }\n            \/\/\u8df3\u8f6c\u5b66\u6821\n            const handleButtonClick = async (schoole_id)=>{\n                console.log(schoole_id);\n                try {\n                    const response = await axios.get(apiBaseUrl.value + \"insurance_all?school_id=\"+schoole_id,{\n                        headers:{\n                            \"X-Authentication-Key\": \" HSxZK8nHniLzZtv0Qtfk87wvNvXpJZ5K\",\n                        }\n                    })\n                    const data = response.data.data;\n                    const ids = data.join(',');\n                    console.log(data);\n                    location.href = `\/Product-List?ids=${ids}&school_id=${selectedSchool.value}`;\n                    \/\/3\u79d2\u540e\u5173\u95edloading\n                    setTimeout(()=>{\n                        test_Loading.value = false\n                    },3000)\n                }catch (error){\n                    console.log(error);\n                    error_network.value = true;\n                    close_network()\n                    test_Loading.value = false\n                }\n            }\n            \/\/\u5173\u95edalert \u5f39\u7a97\n            const close_network = ()=>{\n                setTimeout(()=>{\n                    error_network.value = false\n                },3000)\n            }\n\n            \/\/\u590d\u5236\u6309\u94ae\n            const copy_link = async () => {\n                const link = formData.value.code;\n                \/\/ \u68c0\u67e5\u94fe\u63a5\u662f\u5426\u6709\u6548\n                if (!link) {\n                    alert(\"\u94fe\u63a5\u4e3a\u7a7a\uff0c\u65e0\u6cd5\u590d\u5236\");\n                    return;\n                }\n                try {\n                    \/\/ \u4f18\u5148\u4f7f\u7528\u73b0\u4ee3 API\n                    if (navigator.clipboard && navigator.clipboard.writeText) {\n                        await navigator.clipboard.writeText(link);\n                        console.log(\"\u94fe\u63a5\u5df2\u590d\u5236: \", link);\n                        copied.value = true;\n                        \/\/ \u53ef\u9009\uff1a\u663e\u793a\u6210\u529f\u72b6\u6001\u4e00\u6bb5\u65f6\u95f4\n                        setTimeout(() => {\n                            copied.value = false;\n                        }, 3000);\n                    } else {\n                        \/\/ \u56de\u9000\u903b\u8f91\uff1a\u4f7f\u7528 `textarea` \u624b\u52a8\u590d\u5236\n                        const textarea = document.createElement(\"textarea\");\n                        textarea.value = link;\n                        textarea.style.position = \"fixed\"; \/\/ \u9632\u6b62\u9875\u9762\u6eda\u52a8\n                        textarea.style.top = \"-9999px\";   \/\/ \u9690\u85cf textarea\n                        document.body.appendChild(textarea);\n                        textarea.select();\n                        \/\/ \u6267\u884c\u590d\u5236\u64cd\u4f5c\n                        if (document.execCommand(\"copy\")) {\n                            console.log(\"\u94fe\u63a5\u5df2\u590d\u5236: \", link);\n                            copied.value = true;\n\n                            setTimeout(() => {\n                                copied.value = false;\n                            }, 3000);\n                        } else {\n                            throw new Error(\"document.execCommand \u590d\u5236\u5931\u8d25\");\n                        }\n                        document.body.removeChild(textarea);\n                    }\n                } catch (err) {\n                    console.error(\"\u590d\u5236\u5931\u8d25: \", err);\n                    alert(\"\u590d\u5236\u5931\u8d25\uff0c\u8bf7\u624b\u52a8\u590d\u5236\u94fe\u63a5\");\n                }\n            };\n\n            \/\/\u8bf7\u6c42\u6240\u6709\u7f8e\u56fd\u5b66\u6821\n            const fetchSchools =async()=> {\n                try {\n                    const response  = await axios.get(apiBaseUrl.value + \"school_all?visa_id=\"+selectedVisa.value,{\n                        headers:{\n                            \"X-Authentication-Key\": \" HSxZK8nHniLzZtv0Qtfk87wvNvXpJZ5K\",\n                        }\n                    });\n                    console.log(response)\n                    schools.value = response.data.data;\n                    showSchoolSelect.value = true\n                    nextTick(() => {\n                        initializeSchoolSelect(); \/\/ \u521d\u59cb\u5316 Select2 \u63d2\u4ef6\n                    });\n\n                }catch (error){\n                    console.log(error)\n                }\n            }\n            \/\/\u6e32\u67d3\u5b66\u6821\u4e0b\u62c9\u6846\n            const initializeSchoolSelect=()=>{\n                const schoolSelect = $('.school');\n                schoolSelect.select2();  \/\/ \u521d\u59cb\u5316 Select2 \u63d2\u4ef6\n                schoolSelect.on('change',function (){\n                    selectedSchool.value = $(this).val();\n                })\n            }\n\n            watch(selectedSchool, (newValue) => {\n                console.log(newValue);\n            });\n            watch(selectedGrade, (newVal) => {\n                console.log(newVal)\n                console.log(\"Selected Grade:\", newVal.grade);\n            });\n            \/\/\u63d0\u4ea4\u7533\u8bf7\n            const handleSubmit = async() =>{\n                test_Loading.value = true\n                errors.value.EmailMessage = null\n                try {\n                    await login()\n                }catch (error){\n                    console.error('Error:', error);\n                }\n\n            }\n            const Uservalidate = () =>{\n                loading.value = false;\n                fetchSchools()\n            }\n            onMounted(()=>{\n                nextTick(() => {\n                    initializeSchoolSelect();\n                });\n                Uservalidate();\n            })\n            return{\n                loading,\n                fromText,\n                codeText,\n                copied,\n                copyTextLabel,\n                copiedText,\n                main_title,\n                subtitle,\n                formData,\n                isPlans,\n                handleSubmit,\n                copy_link,\n                errors,\n                lang,\n                test_Loading,\n                schools,\n                grades,\n                showSchoolSelect,\n                selectedSchool,\n                selectedGrade,\n            }\n        }\n\n    }).mount(\"#app\")\n\n\n\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"class_list":["post-33543","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.6 (Yoast SEO v26.4) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>us-code | GoGlobalsafe-\u7559\u5b66\u751f\u4fdd\u9669\u4e00\u7ad9\u5f0f\u89e3\u51b3\u65b9\u6848<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.goglobalsafe.com\/zh\/us-code\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"us-code\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.goglobalsafe.com\/zh\/us-code\/\" \/>\n<meta property=\"og:site_name\" content=\"GoGlobalsafe-\u7559\u5b66\u751f\u4fdd\u9669\u4e00\u7ad9\u5f0f\u89e3\u51b3\u65b9\u6848\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-28T03:41:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.goglobalsafe.com\/wp-content\/uploads\/2023\/04\/LOGO1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"1000\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.goglobalsafe.com\/zh\/us-code\/\",\"url\":\"https:\/\/www.goglobalsafe.com\/zh\/us-code\/\",\"name\":\"us-code | GoGlobalsafe-\u7559\u5b66\u751f\u4fdd\u9669\u4e00\u7ad9\u5f0f\u89e3\u51b3\u65b9\u6848\",\"isPartOf\":{\"@id\":\"https:\/\/www.goglobalsafe.com\/#website\"},\"datePublished\":\"2024-08-23T08:47:38+00:00\",\"dateModified\":\"2024-11-28T03:41:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.goglobalsafe.com\/zh\/us-code\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.goglobalsafe.com\/zh\/us-code\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.goglobalsafe.com\/zh\/us-code\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.goglobalsafe.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"us-code\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.goglobalsafe.com\/#website\",\"url\":\"https:\/\/www.goglobalsafe.com\/\",\"name\":\"GoGlobalSafe Student Insurance\",\"description\":\"Your Health, Our Priority\",\"publisher\":{\"@id\":\"https:\/\/www.goglobalsafe.com\/#organization\"},\"alternateName\":\"GoGlobalSafe international student insurance\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.goglobalsafe.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.goglobalsafe.com\/#organization\",\"name\":\"Golobal student consulting limited\",\"alternateName\":\"GoGlobalSafe\",\"url\":\"https:\/\/www.goglobalsafe.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.goglobalsafe.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.goglobalsafe.com\/wp-content\/uploads\/2023\/04\/LOGO3.png\",\"contentUrl\":\"https:\/\/www.goglobalsafe.com\/wp-content\/uploads\/2023\/04\/LOGO3.png\",\"width\":500,\"height\":140,\"caption\":\"Golobal student consulting limited\"},\"image\":{\"@id\":\"https:\/\/www.goglobalsafe.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u7f8e\u56fd\u4ee3\u7801 | GoGlobalsafe-\u5546\u52a1\u5546\u52a1\u4e00\u7ad9\u5f0f\u89e3\u51b3\u65b9\u6848","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.goglobalsafe.com\/zh\/us-code\/","og_locale":"zh_CN","og_type":"article","og_title":"us-code","og_url":"https:\/\/www.goglobalsafe.com\/zh\/us-code\/","og_site_name":"GoGlobalsafe-\u7559\u5b66\u751f\u4fdd\u9669\u4e00\u7ad9\u5f0f\u89e3\u51b3\u65b9\u6848","article_modified_time":"2024-11-28T03:41:40+00:00","og_image":[{"width":1000,"height":1000,"url":"https:\/\/www.goglobalsafe.com\/wp-content\/uploads\/2023\/04\/LOGO1.png","type":"image\/png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.goglobalsafe.com\/zh\/us-code\/","url":"https:\/\/www.goglobalsafe.com\/zh\/us-code\/","name":"\u7f8e\u56fd\u4ee3\u7801 | GoGlobalsafe-\u5546\u52a1\u5546\u52a1\u4e00\u7ad9\u5f0f\u89e3\u51b3\u65b9\u6848","isPartOf":{"@id":"https:\/\/www.goglobalsafe.com\/#website"},"datePublished":"2024-08-23T08:47:38+00:00","dateModified":"2024-11-28T03:41:40+00:00","breadcrumb":{"@id":"https:\/\/www.goglobalsafe.com\/zh\/us-code\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.goglobalsafe.com\/zh\/us-code\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.goglobalsafe.com\/zh\/us-code\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.goglobalsafe.com\/"},{"@type":"ListItem","position":2,"name":"us-code"}]},{"@type":"WebSite","@id":"https:\/\/www.goglobalsafe.com\/#website","url":"https:\/\/www.goglobalsafe.com\/","name":"GoGlobalSafe \u5b66\u751f\u4fdd\u9669","description":"\u60a8\u7684\u5065\u5eb7\uff0c\u6211\u4eec\u7684\u9996\u8981\u4efb\u52a1","publisher":{"@id":"https:\/\/www.goglobalsafe.com\/#organization"},"alternateName":"GoGlobalSafe international student insurance","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.goglobalsafe.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-Hans"},{"@type":"Organization","@id":"https:\/\/www.goglobalsafe.com\/#organization","name":"\u73af\u7403\u5b66\u751f\u54a8\u8be2\u6709\u9650\u516c\u53f8","alternateName":"GoGlobalSafe","url":"https:\/\/www.goglobalsafe.com\/","logo":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.goglobalsafe.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.goglobalsafe.com\/wp-content\/uploads\/2023\/04\/LOGO3.png","contentUrl":"https:\/\/www.goglobalsafe.com\/wp-content\/uploads\/2023\/04\/LOGO3.png","width":500,"height":140,"caption":"Golobal student consulting limited"},"image":{"@id":"https:\/\/www.goglobalsafe.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.goglobalsafe.com\/zh\/wp-json\/wp\/v2\/pages\/33543","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.goglobalsafe.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.goglobalsafe.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.goglobalsafe.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.goglobalsafe.com\/zh\/wp-json\/wp\/v2\/comments?post=33543"}],"version-history":[{"count":22,"href":"https:\/\/www.goglobalsafe.com\/zh\/wp-json\/wp\/v2\/pages\/33543\/revisions"}],"predecessor-version":[{"id":34943,"href":"https:\/\/www.goglobalsafe.com\/zh\/wp-json\/wp\/v2\/pages\/33543\/revisions\/34943"}],"wp:attachment":[{"href":"https:\/\/www.goglobalsafe.com\/zh\/wp-json\/wp\/v2\/media?parent=33543"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}