{"version":3,"sources":["webpack:///./src/views/countact/lx.vue","webpack:///./src/views/countact/lx.vue?45c9","webpack:///./src/views/countact/lx.vue?b366"],"names":["class","_createElementVNode","_hoisted_1","_hoisted_2","_hoisted_3","_toDisplayString","$data","info","company","_hoisted_4","eng_name","_hoisted_5","tel","_hoisted_6","email","_hoisted_7","address","_hoisted_8","_hoisted_9","src","_ctx","$baseURL","wechat_qrcode","alt","_hoisted_11","frameborder","width","height","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_normalizeClass","error","formData","name","bool","ref","maxlength","type","value","$event","_hoisted_18","msg","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","eamil","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","content","rows","_hoisted_28","_hoisted_29","_hoisted_30","onClick","_cache","args","$options","submit","modelMsg","showModel","data","map","created","this","contactContact","methods","res","service","validateField","key","reg","test","contactPostmsg","k","console","log","modelMsgHeadle","code","setTimeout","__exports__","render"],"mappings":"kJACWA,MAAM,a,GAERA,MAAM,S,GACJA,MAAM,8C,GAEJA,MAAM,M,GAELA,MAAM,2B,GACNA,MAAM,wB,GACNA,MAAM,2B,GAIPA,MAAM,Y,GAEJA,MAAM,O,aAKVA,MAAM,gD,aAKNA,MAAM,W,GACRA,MAAM,a,GAEJA,MAAM,Q,GACJA,MAAM,O,GACJA,MAAM,a,GAIJA,MAAM,O,GAGRA,MAAM,a,GAIJA,MAAM,O,GAIVA,MAAM,O,GACJA,MAAM,a,GAIJA,MAAM,O,GAGRA,MAAM,a,GAIJA,MAAM,O,GAIVA,MAAM,O,GACJA,MAAM,a,GAIJA,MAAM,O,GAIVA,MAAM,O,GACJA,MAAM,yB,4EAvEnBC,eAwBU,UAxBVC,EAwBU,C,YAvBRD,eAAmB,UAAf,cAAU,IACdA,eAqBM,MArBNE,EAqBM,CApBJF,eAgBM,MAhBNG,EAgBM,CAfJH,eAA2B,UAAAI,eAApBC,EAAAC,KAAKC,SAAO,GACnBP,eAAyC,MAAzCQ,EAAyCJ,eAAtBC,EAAAC,KAAKG,UAAQ,GAChCT,eAMK,WALHA,eAAuD,KAAvDU,EAAuDN,eAAhBC,EAAAC,KAAKK,KAAG,GAC/CX,eAAsD,KAAtDY,EAAsDR,eAAlBC,EAAAC,KAAKO,OAAK,GAC9Cb,eAEK,KAFLc,EAEKV,eADAC,EAAAC,KAAKS,SAAO,KAGnBf,eAKM,MALNgB,EAKM,C,YAJJhB,eAA8F,U,eAA3F,qDAAiDA,eAAM,M,eAAA,sC,IAC1DA,eAEM,MAFNiB,EAEM,CADJjB,eAAmD,OAA7CkB,IAAKC,EAAAC,SAAWf,EAAAC,KAAKe,cAAeC,IAAI,I,gBAIpDtB,eAEM,MAFNuB,EAEM,CADJvB,eAA0F,UAAjFkB,IAAKC,EAAAC,SAAW,YAAaI,YAAY,IAAIC,MAAM,OAAOC,OAAO,Q,gBAIhF1B,eAoDU,UApDV2B,EAoDU,CAnDR3B,eAkDM,MAlDN4B,EAkDM,C,cAjDJ5B,eAAgB,UAAZ,WAAO,IACXA,eA+CM,MA/CN6B,EA+CM,CA9CJ7B,eAeM,MAfN8B,EAeM,CAdJ9B,eAMM,MANN+B,EAMM,C,YALJ/B,eAAmC,OAA9BD,MAAM,SAAQ,cAAU,IAC7BC,eAGM,OAHDD,MAAKiC,eAAA,CAAC,QAAO,CAAAC,MAAkB5B,EAAA6B,SAASC,KAAKC,S,gBAChDpC,eAA6E,SAAtEqC,IAAI,OAAOC,UAAU,KAAKC,KAAK,O,qCAAgBlC,EAAA6B,SAASC,KAAKK,MAAKC,I,mBAAnBpC,EAAA6B,SAASC,KAAKK,SACpExC,eAA0C,IAA1C0C,EAA0CtC,eAAxBC,EAAA6B,SAASC,KAAKQ,KAAG,I,KAGvC3C,eAMM,MANN4C,EAMM,C,YALJ5C,eAA0C,OAArCD,MAAM,SAAQ,qBAAiB,IACpCC,eAGM,OAHDD,MAAKiC,eAAA,CAAC,QAAO,CAAAC,MAAkB5B,EAAA6B,SAASvB,IAAIyB,S,gBAC/CpC,eAA0E,SAAnEqC,IAAI,MAAME,KAAK,MAAMD,UAAU,K,qCAAcjC,EAAA6B,SAASvB,IAAI6B,MAAKC,I,mBAAlBpC,EAAA6B,SAASvB,IAAI6B,SACjExC,eAAyC,IAAzC6C,EAAyCzC,eAAvBC,EAAA6B,SAASvB,IAAIgC,KAAG,I,OAIxC3C,eAeM,MAfN8C,EAeM,CAdJ9C,eAMM,MANN+C,EAMM,C,cALJ/C,eAAoC,OAA/BD,MAAM,SAAQ,eAAW,IAC9BC,eAGM,OAHDD,MAAKiC,eAAA,CAAC,QAAO,CAAAC,MAAkB5B,EAAA6B,SAASc,MAAMZ,S,gBACjDpC,eAAiE,SAA1DqC,IAAI,QAAQE,KAAK,Q,qCAAiBlC,EAAA6B,SAASc,MAAMR,MAAKC,I,mBAApBpC,EAAA6B,SAASc,MAAMR,SACxDxC,eAA2C,IAA3CiD,EAA2C7C,eAAzBC,EAAA6B,SAASc,MAAML,KAAG,I,KAGxC3C,eAMM,MANNkD,EAMM,C,cALJlD,eAAqC,OAAhCD,MAAM,SAAQ,gBAAY,IAC/BC,eAGM,OAHDD,MAAKiC,eAAA,CAAC,QAAO,CAAAC,MAAkB5B,EAAA6B,SAAS3B,QAAQ6B,S,gBACnDpC,eAAmF,SAA5EqC,IAAI,UAAUE,KAAK,OAAOD,UAAU,K,qCAAcjC,EAAA6B,SAAS3B,QAAQiC,MAAKC,I,mBAAtBpC,EAAA6B,SAAS3B,QAAQiC,SAC1ExC,eAA6C,IAA7CmD,EAA6C/C,eAA3BC,EAAA6B,SAAS3B,QAAQoC,KAAG,I,OAI5C3C,eAQM,MARNoD,EAQM,CAPJpD,eAMM,MANNqD,EAMM,C,cALJrD,eAA6C,OAAxCD,MAAM,SAAQ,wBAAoB,IACvCC,eAGM,OAHDD,MAAKiC,eAAA,CAAC,QAAO,CAAAC,MAAkB5B,EAAA6B,SAASoB,QAAQlB,S,gBACnDpC,eAA6F,YAAnFqC,IAAI,UAAUkB,KAAK,IAAIjB,UAAU,M,qCAAejC,EAAA6B,SAASoB,QAAQd,MAAKC,I,mBAAtBpC,EAAA6B,SAASoB,QAAQd,SAC3ExC,eAA6C,IAA7CwD,EAA6CpD,eAA3BC,EAAA6B,SAASoB,QAAQX,KAAG,I,OAI5C3C,eAIM,MAJNyD,EAIM,CAHJzD,eAEM,MAFN0D,EAEM,CADJ1D,eAA6C,OAAxCD,MAAM,MAAO4D,QAAKC,EAAA,KAAAA,EAAA,OAAAC,IAAEC,EAAAC,QAAAD,EAAAC,UAAAF,KAAQ,oB,eAM3C7D,eAA0D,OAArDD,MAAM,SAAOK,eAAuBC,EAAA2D,UAAQ,M,QAAtB3D,EAAA4D,c,oBAMd,GACbC,OACE,MAAO,CACLF,SAAU,0BACVC,WAAW,EACXE,IAAK,GACLjC,SAAU,CACRC,KAAM,CAAEK,MAAO,GAAIJ,MAAM,EAAOO,IAAK,2BACrChC,IAAK,CAAE6B,MAAO,GAAIJ,MAAM,EAAOO,IAAK,mCACpCK,MAAO,CAAER,MAAO,GAAIJ,MAAM,EAAOO,IAAK,4BACtCpC,QAAS,CAAEiC,MAAO,GAAIJ,MAAM,EAAOO,IAAK,mCACxCW,QAAS,CAAEd,MAAO,GAAIJ,MAAM,EAAOO,IAAK,kDAE1CrC,KAAM,CACJS,QAAS,sBACTR,QAAS,eACTM,MAAO,mBACPJ,SAAU,8CACVE,IAAK,gBACLU,cAAe,MAIrB+C,UACEC,KAAKC,kBAEPC,QAAS,CACP,uBACE,IAAIC,QAAYC,OAAQH,iBACxBD,KAAK/D,KAAOkE,EAAIN,KAAK5D,MAEvBoE,gBACE,IAAK,IAAIC,KAAON,KAAKnC,SAEnB,GAAKmC,KAAKnC,SAASyC,GAAKnC,MAmBjB,CAGL,GAFA6B,KAAKnC,SAASyC,GAAKvC,MAAO,EAEf,SAAPuC,EAAgB,CAClB,IAAIC,EACF,yEACGA,EAAIC,KAAKR,KAAKnC,SAASyC,GAAKnC,SAC/B6B,KAAKnC,SAASyC,GAAKhC,IAAM,0CACzB0B,KAAKnC,SAASyC,GAAKvC,MAAO,GAI9B,GAAW,OAAPuC,EAAc,CACZC,EAAM,wCACLA,EAAIC,KAAKR,KAAKnC,SAASyC,GAAKnC,SAC/B6B,KAAKnC,SAASyC,GAAKhC,IAAM,yCACzB0B,KAAKnC,SAASyC,GAAKvC,MAAO,QAnCD,CAC7B,OAAQuC,GACN,IAAK,OACHN,KAAKnC,SAASyC,GAAKhC,IAAM,0BACzB,MACF,IAAK,MACH0B,KAAKnC,SAASyC,GAAKhC,IAAM,kCACzB,MACF,IAAK,QACH0B,KAAKnC,SAASyC,GAAKhC,IAAM,2BACzB,MACF,IAAK,UACH0B,KAAKnC,SAASyC,GAAKhC,IAAM,kCACzB,MACF,IAAK,UACH0B,KAAKnC,SAASyC,GAAKhC,IAAM,gDACzB,MAEJ0B,KAAKnC,SAASyC,GAAKvC,MAAO,IAuBhC2B,SACEM,KAAKK,gBACL,IAAK,IAAIC,KAAON,KAAKnC,SACnB,GAAImC,KAAKnC,SAASyC,GAAKvC,KACrB,OAIJiC,KAAKS,kBAEP,uBACE,IAAIZ,EAAO,GACX,IAAK,IAAIa,KAAKV,KAAKnC,SACjBgC,EAAKa,GAAKV,KAAKnC,SAAS6C,GAAGvC,MAG7B,IAAIgC,QAAYC,OAAQK,eAAeZ,GAIvC,GAHAc,QAAQC,IAAIT,GACZH,KAAKL,SAAWQ,EAAI7B,IACpB0B,KAAKa,iBACW,GAAZV,EAAIW,KACN,IAAK,IAAIR,KAAON,KAAKnC,SACnBmC,KAAKnC,SAASyC,GAAKnC,MAAQ,IAIjC0C,iBACEb,KAAKJ,WAAY,EACjBmB,WAAW,KACTf,KAAKJ,WAAY,GAChB,Q,iCCvLT,MAAMoB,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,gB,2DCTf","file":"js/chunk-544e929a.af0cfdf8.js","sourcesContent":["<template>\n <section class=\"container\">\n <h1>Contact Us</h1>\n <div class=\"conts\">\n <div class=\"left animate__animated animate__fadeInLeft\">\n <h2>{{ info.company }}</h2>\n <div class=\"en\">{{ info.eng_name }}</div>\n <ul>\n <li class=\"iconfont icon-a-Group23\">{{ info.tel }}</li>\n <li class=\"iconfont icon-Vector\">{{ info.email }}</li>\n <li class=\"iconfont icon-a-Group17\">\n {{ info.address }}\n </li>\n </ul>\n <div class=\"code_box\">\n <p>Scan the code to follow \"Anhui Haima Intelligent\"<br />Official WeChat official account</p>\n <div class=\"img\">\n <img :src=\"$baseURL + info.wechat_qrcode\" alt=\"\" />\n </div>\n </div>\n </div>\n <div class=\"right animate__animated animate__fadeInRight\">\n <iframe :src=\"$baseURL + '/map.html'\" frameborder=\"0\" width=\"100%\" height=\"100%\"></iframe>\n </div>\n </div>\n </section>\n <section class=\"message\">\n <div class=\"container\">\n <h1>MESSAGE</h1>\n <div class=\"from\">\n <div class=\"row\">\n <div class=\"from_item\">\n <div class=\"label\">Your title</div>\n <div class=\"input\" :class=\"{ error: formData.name.bool }\">\n <input ref=\"name\" maxlength=\"10\" type=\"text\" v-model=\"formData.name.value\" />\n <p class=\"err\">{{ formData.name.msg }}</p>\n </div>\n </div>\n <div class=\"from_item\">\n <div class=\"label\">Your phone number</div>\n <div class=\"input\" :class=\"{ error: formData.tel.bool }\">\n <input ref=\"tel\" type=\"tel\" maxlength=\"15\" v-model=\"formData.tel.value\" />\n <p class=\"err\">{{ formData.tel.msg }}</p>\n </div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"from_item\">\n <div class=\"label\">your e-mail</div>\n <div class=\"input\" :class=\"{ error: formData.eamil.bool }\">\n <input ref=\"eamil\" type=\"email\" v-model=\"formData.eamil.value\" />\n <p class=\"err\">{{ formData.eamil.msg }}</p>\n </div>\n </div>\n <div class=\"from_item\">\n <div class=\"label\">your company</div>\n <div class=\"input\" :class=\"{ error: formData.company.bool }\">\n <input ref=\"company\" type=\"text\" maxlength=\"20\" v-model=\"formData.company.value\" />\n <p class=\"err\">{{ formData.company.msg }}</p>\n </div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"from_item\">\n <div class=\"label\">Consultation content</div>\n <div class=\"input\" :class=\"{ error: formData.content.bool }\">\n <textarea ref=\"content\" rows=\"5\" maxlength=\"200\" v-model=\"formData.content.value\"></textarea>\n <p class=\"err\">{{ formData.content.msg }}</p>\n </div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"from_item submit_item\">\n <div class=\"btn\" @click=\"submit\">submit</div>\n </div>\n </div>\n </div>\n </div>\n </section>\n <div class=\"model\" v-show=\"showModel\">{{ modelMsg }}</div>\n</template>\n\n<script>\nimport service from \"@/assets/js/service\";\n\nexport default {\n data() {\n return {\n modelMsg: \"Submitted successfully!\",\n showModel: false,\n map: \"\",\n formData: {\n name: { value: \"\", bool: false, msg: \"Please enter your name!\" },\n tel: { value: \"\", bool: false, msg: \"Please enter your phone number!\" },\n eamil: { value: \"\", bool: false, msg: \"Please enter your email!\" },\n company: { value: \"\", bool: false, msg: \"Please enter your company name!\" },\n content: { value: \"\", bool: false, msg: \"Please enter the content you want to consult!\" },\n },\n info: {\n address: \"安徽çœåˆè‚¥å¸‚ç»å¼€åŒºå¤©é—¨è·¯48-3å·ä¸€æ¥¼\",\n company: \"安徽海玛智能科技有é™å…¬å¸\",\n email: \"bxd@inoma-ai.com\",\n eng_name: \"Anhui Haima Intelligent Technology co., ltd\",\n tel: \"0551-62657523\",\n wechat_qrcode: \"\",\n },\n };\n },\n created() {\n this.contactContact();\n },\n methods: {\n async contactContact() {\n let res = await service.contactContact();\n this.info = res.data.info;\n },\n validateField() {\n for (let key in this.formData) {\n /* 判æ–有没有空值 */\n if (!this.formData[key].value) {\n switch (key) {\n case \"name\":\n this.formData[key].msg = \"Please enter your name!\";\n break;\n case \"tel\":\n this.formData[key].msg = \"Please enter your phone number!\";\n break;\n case \"eamil\":\n this.formData[key].msg = \"Please enter your email!\";\n break;\n case \"company\":\n this.formData[key].msg = \"Please enter your company name!\";\n break;\n case \"content\":\n this.formData[key].msg = \"Please enter the content you want to consult!\";\n break;\n }\n this.formData[key].bool = true;\n } else {\n this.formData[key].bool = false;\n /* 判æ–emailæ ¼å¼ */\n if (key == \"eamil\") {\n var reg =\n /^\\w+((-\\w+)|(\\.\\w+))*@[A-Za-z0-9]+((\\.|-)[A-Za-z0-9]+)*\\.[A-Za-z0-9]+$/;\n if (!reg.test(this.formData[key].value)) {\n this.formData[key].msg = \"Please enter the correct email address!\";\n this.formData[key].bool = true;\n }\n }\n /* 判æ–telæ ¼å¼ */\n if (key == \"tel\") {\n var reg = /^((0\\d{2,3}-\\d{7,8})|(1[3584]\\d{9}))$/;\n if (!reg.test(this.formData[key].value)) {\n this.formData[key].msg = \"Please enter the correct phone number!\";\n this.formData[key].bool = true;\n }\n }\n }\n }\n },\n submit() {\n this.validateField();\n for (let key in this.formData) {\n if (this.formData[key].bool) {\n return;\n }\n }\n\n this.contactPostmsg();\n },\n async contactPostmsg() {\n let data = {};\n for (let k in this.formData) {\n data[k] = this.formData[k].value;\n }\n\n let res = await service.contactPostmsg(data);\n console.log(res);\n this.modelMsg = res.msg;\n this.modelMsgHeadle();\n if (res.code == 1) {\n for (let key in this.formData) {\n this.formData[key].value = \"\";\n }\n }\n },\n modelMsgHeadle() {\n this.showModel = true;\n setTimeout(() => {\n this.showModel = false;\n }, 2000);\n },\n },\n};\n</script>\n\n<style lang=\"less\" scoped>\n.model {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: rgba(0, 0, 0, 0.6);\n color: #fff;\n padding: 3px 5px;\n font-size: 14px;\n animation: op0 0.5s;\n}\n\n@keyframes op0 {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\nh1 {\n font-size: 30px;\n margin-bottom: 30px;\n}\n\n.conts {\n display: flex;\n\n .left {\n width: 50%;\n background: var(--themeColor);\n padding: 60px 95px;\n color: #fff;\n box-sizing: border-box;\n\n h2 {\n font-size: 30px;\n }\n\n .en {\n font-size: 16px;\n }\n\n ul {\n margin: 40px auto 55px;\n\n li {\n font-family: Regular !important;\n font-size: 18px;\n display: flex;\n align-items: center;\n\n &::before {\n font-family: iconfont !important;\n font-size: 14px;\n margin-right: 20px;\n width: 25px;\n height: 25px;\n background: var(--themeColor2);\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n }\n\n &:nth-child(2) {\n &::before {\n font-size: 12px;\n }\n }\n\n &+li {\n margin-top: 30px;\n }\n }\n }\n\n .code_box {\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n p {\n font-size: 16px;\n }\n\n .img {\n width: 30%;\n\n img {\n width: 100%;\n }\n }\n }\n }\n\n .right {\n flex: 1;\n }\n}\n\n.message {\n background: #f9fbfd;\n padding: 110px 0;\n margin: 0 auto;\n\n .from {\n .row {\n display: flex;\n justify-content: space-between;\n\n &+.row {\n margin-top: 25px;\n }\n\n .from_item {\n flex: 1;\n\n .label {\n width: max-content;\n margin-bottom: 10px;\n font-size: 16px;\n position: relative;\n\n &::before {\n content: \"*\";\n color: #f00;\n position: absolute;\n top: 0;\n right: -10px;\n }\n }\n\n .input {\n\n input,\n textarea {\n width: 100%;\n box-sizing: border-box;\n background: #fff;\n border: 1px solid #eee;\n font-size: 16px;\n padding: 15px;\n border-radius: 8px;\n\n &:focus {\n border-color: var(--themeColor);\n }\n }\n\n .err {\n font-size: 12px;\n color: red;\n transition: all 0.3s;\n transform: translateY(10px);\n opacity: 0;\n }\n\n &.error input,\n &.error textarea {\n border-color: red;\n }\n\n &.error .err {\n transform: none;\n opacity: 1;\n }\n }\n\n &:first-child:not(:last-child) {\n margin-right: 30px;\n }\n\n &:last-child:not(:first-child) {\n margin-left: 30px;\n }\n\n &.submit_item {\n .btn {\n background: var(--themeColor2);\n width: max-content;\n margin: auto;\n color: #fff;\n padding: 15px 65px;\n border-radius: 40px;\n cursor: pointer;\n transition: all 0.3s;\n\n &:active {\n background: #d38900;\n }\n }\n }\n }\n }\n }\n}\n\n@media (max-width: 1200px) {\n .conts {\n .left {\n padding: 30px;\n }\n }\n}\n\n@media (max-width: 800px) {\n .conts {\n display: block;\n\n .right {\n height: 92vw;\n }\n }\n\n .message {\n .from {\n .row {\n display: block;\n\n .from_item {\n &:first-child:not(:last-child) {\n margin-right: 0;\n }\n\n &:last-child:not(:first-child) {\n margin-left: 0;\n }\n }\n }\n }\n }\n}\n\n@media (max-width: 450px) {\n .conts {\n .left {\n h2 {\n font-size: 22px;\n }\n }\n }\n}\n</style>","import { render } from \"./lx.vue?vue&type=template&id=abf9b250&scoped=true\"\nimport script from \"./lx.vue?vue&type=script&lang=js\"\nexport * from \"./lx.vue?vue&type=script&lang=js\"\n\nimport \"./lx.vue?vue&type=style&index=0&id=abf9b250&lang=less&scoped=true\"\n\nimport exportComponent from \"/Users/shixiaolong/Desktop/code/海玛_EN/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-abf9b250\"]])\n\nexport default __exports__","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./lx.vue?vue&type=style&index=0&id=abf9b250&lang=less&scoped=true\""],"sourceRoot":""}