{"version":3,"sources":["webpack:///./src/views/index/components/IndexContactInfo.vue?dd91","webpack:///src/views/index/components/IndexContactInfo.vue","webpack:///./src/views/index/components/IndexContactInfo.vue?45ac","webpack:///./src/views/index/components/IndexContactInfo.vue?0dbe","webpack:///./src/views/index/components/IndexContactInfo.vue?b301"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","focusScope","directives","name","rawName","value","form","expression","required","companyRule","isCompany","errorBag","has","disabled","type","attrs","validateEvents","domProps","on","onFocus","onBlur","$event","target","composing","$set","_v","_s","first","_e","toggleType","totalError","handleSubmit","submitText","_m","successShow","staticRenderFns","phone","email","min","max","validate","EXP_PATTERN","length","getMessage","custom","company","username","isName","userTel","isPhone","userEmail","isEmail","components","ModalBase","props","String","default","from","inheritAttrs","data","terminal","submitting","mounted","methods","$validator","validateAll","then","valid","resetForm","component"],"mappings":"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","file":"js/v-index-components-IndexContactInfo.10afae23.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"index-contact-info-component app-flex-row-space-between\"},[_c('div',{staticClass:\"left\"},[_c('div',{staticClass:\"form app-flex-row\"},[_c('div',{staticClass:\"form-item\",class:{ 'is-focus': _vm.focusScope == 'company' }},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.company),expression:\"form.company\"},{name:\"validate\",rawName:\"v-validate\",value:({\n            required: _vm.companyRule,\n            isCompany: _vm.companyRule\n          }),expression:\"{\\n            required: companyRule,\\n            isCompany: companyRule\\n          }\"}],class:{\n            'error-input': _vm.errorBag.has('company'),\n            disabled: _vm.form.type != 1\n          },attrs:{\"name\":\"company\",\"type\":\"text\",\"placeholder\":\"公司名称（必填）\",\"autocomplete\":\"off\",\"data-vv-validate-on\":_vm.validateEvents,\"disabled\":_vm.form.type != 1},domProps:{\"value\":(_vm.form.company)},on:{\"focus\":function () { return _vm.onFocus('company'); },\"blur\":_vm.onBlur,\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.form, \"company\", $event.target.value)}}}),(_vm.companyRule)?_c('div',{staticClass:\"error font-14 font-color-danger\"},[_vm._v(\" \"+_vm._s(_vm.errorBag.first('company'))+\" \")]):_vm._e(),_c('div',{staticClass:\"personal font-14 item-text app-flex-row\",on:{\"click\":_vm.toggleType}},[_c('i',{staticClass:\"iconfont\",class:[\n              _vm.form.type == 1\n                ? 'icon-weixuan1'\n                : 'icon-yixuan font-color-primary'\n            ]}),_vm._v(\" 个人用户 \")])]),_c('div',{staticClass:\"form-item\",class:{ 'is-focus': _vm.focusScope == 'username' }},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.name),expression:\"form.name\"},{name:\"validate\",rawName:\"v-validate\",value:('required|isName'),expression:\"'required|isName'\"}],class:{ 'error-input': _vm.errorBag.has('username') },attrs:{\"name\":\"username\",\"type\":\"text\",\"placeholder\":\"姓名（必填）\",\"autocomplete\":\"off\",\"data-vv-validate-on\":_vm.validateEvents},domProps:{\"value\":(_vm.form.name)},on:{\"focus\":function () { return _vm.onFocus('username'); },\"blur\":_vm.onBlur,\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.form, \"name\", $event.target.value)}}}),_c('div',{staticClass:\"error font-14 font-color-danger\"},[_vm._v(\" \"+_vm._s(_vm.errorBag.first('username'))+\" \")])]),_c('div',{staticClass:\"form-item\",class:{ 'is-focus': _vm.focusScope == 'userTel' }},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.phone),expression:\"form.phone\"},{name:\"validate\",rawName:\"v-validate\",value:('required|isPhone'),expression:\"'required|isPhone'\"}],class:{ 'error-input': _vm.errorBag.has('userTel') },attrs:{\"name\":\"userTel\",\"type\":\"text\",\"placeholder\":\"手机号（必填）\",\"autocomplete\":\"off\",\"data-vv-validate-on\":_vm.validateEvents},domProps:{\"value\":(_vm.form.phone)},on:{\"focus\":function () { return _vm.onFocus('userTel'); },\"blur\":_vm.onBlur,\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.form, \"phone\", $event.target.value)}}}),_c('div',{staticClass:\"error font-14 font-color-danger\"},[_vm._v(\" \"+_vm._s(_vm.errorBag.first('userTel'))+\" \")])]),_c('div',{staticClass:\"form-item\",class:{ 'is-focus': _vm.focusScope == 'userEmail' }},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.email),expression:\"form.email\"},{name:\"validate\",rawName:\"v-validate\",value:('required|isEmail'),expression:\"'required|isEmail'\"}],class:{ 'error-input': _vm.errorBag.has('userEmail') },attrs:{\"name\":\"userEmail\",\"scope\":\"email\",\"type\":\"text\",\"placeholder\":\"邮箱（必填）\",\"autocomplete\":\"off\",\"data-vv-validate-on\":_vm.validateEvents},domProps:{\"value\":(_vm.form.email)},on:{\"focus\":function () { return _vm.onFocus('userEmail'); },\"blur\":_vm.onBlur,\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.form, \"email\", $event.target.value)}}}),_c('div',{staticClass:\"error font-14 font-color-danger\"},[_vm._v(\" \"+_vm._s(_vm.errorBag.first('userEmail'))+\" \")])])]),_c('div',{staticClass:\"submit-box\"},[(_vm.totalError)?_c('p',{staticClass:\"total-error font-color-danger\"},[_vm._v(\" \"+_vm._s(_vm.totalError)+\" \")]):_vm._e(),_c('div',{staticClass:\"submit font-color-white app-flex-row-center\",on:{\"click\":_vm.handleSubmit}},[_vm._v(\" \"+_vm._s(_vm.submitText)+\" \")])])]),_vm._m(0),(_vm.successShow)?_c('modal-base',{attrs:{\"bg-color\":\"rgba(0,0,0,0.45)\",\"lock-scroll\":false},on:{\"wrapper-click\":function($event){_vm.successShow = false}}},[_c('div',{staticClass:\"success-box app-flex-column\"},[_c('div',{staticClass:\"icon-box\"},[_c('i',{staticClass:\"iconfont icon-chenggong font-color-white font-64\"})]),_c('p',{staticClass:\"font-24 font-color-primary title\"},[_vm._v(\"信息已提交成功\")]),_c('p',[_vm._v(\"请保持电话畅通\")]),_c('p',[_vm._v(\"您的专属顾问会在1个工作日内联系您\")]),_c('div',{staticClass:\"close-btn app-flex-row-center font-color-white\"},[_c('i',{staticClass:\"iconfont icon-guanbianniu\",on:{\"click\":function($event){_vm.successShow = false}}})])])]):_vm._e()],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"right app-flex-column\"},[_c('span',{staticClass:\"label\"},[_vm._v(\"或者直接拨打\")]),_c('i',{staticClass:\"line\"}),_c('h3',{staticClass:\"tel font-42 font-color-primary\"},[_vm._v(\"4000-970-970\")]),_c('span',{staticClass:\"time font-14 font-color-desc\"},[_vm._v(\"9:00~18:00 (周一到周五)\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"index-contact-info-component app-flex-row-space-between\">\n    <div class=\"left\">\n      <div class=\"form app-flex-row\">\n        <div class=\"form-item\" :class=\"{ 'is-focus': focusScope == 'company' }\">\n          <input\n            v-model=\"form.company\"\n            v-validate=\"{\n              required: companyRule,\n              isCompany: companyRule\n            }\"\n            name=\"company\"\n            type=\"text\"\n            placeholder=\"公司名称（必填）\"\n            autocomplete=\"off\"\n            :data-vv-validate-on=\"validateEvents\"\n            :class=\"{\n              'error-input': errorBag.has('company'),\n              disabled: form.type != 1\n            }\"\n            :disabled=\"form.type != 1\"\n            @focus=\"() => onFocus('company')\"\n            @blur=\"onBlur\"\n          />\n          <div v-if=\"companyRule\" class=\"error font-14 font-color-danger\">\n            {{ errorBag.first('company') }}\n          </div>\n          <div\n            class=\"personal font-14 item-text app-flex-row\"\n            @click=\"toggleType\"\n          >\n            <i\n              class=\"iconfont\"\n              :class=\"[\n                form.type == 1\n                  ? 'icon-weixuan1'\n                  : 'icon-yixuan font-color-primary'\n              ]\"\n            ></i>\n            个人用户\n          </div>\n        </div>\n        <div\n          class=\"form-item\"\n          :class=\"{ 'is-focus': focusScope == 'username' }\"\n        >\n          <input\n            v-model=\"form.name\"\n            v-validate=\"'required|isName'\"\n            name=\"username\"\n            type=\"text\"\n            placeholder=\"姓名（必填）\"\n            autocomplete=\"off\"\n            :data-vv-validate-on=\"validateEvents\"\n            :class=\"{ 'error-input': errorBag.has('username') }\"\n            @focus=\"() => onFocus('username')\"\n            @blur=\"onBlur\"\n          />\n          <div class=\"error font-14 font-color-danger\">\n            {{ errorBag.first('username') }}\n          </div>\n        </div>\n        <div class=\"form-item\" :class=\"{ 'is-focus': focusScope == 'userTel' }\">\n          <input\n            v-model=\"form.phone\"\n            v-validate=\"'required|isPhone'\"\n            name=\"userTel\"\n            type=\"text\"\n            placeholder=\"手机号（必填）\"\n            autocomplete=\"off\"\n            :data-vv-validate-on=\"validateEvents\"\n            :class=\"{ 'error-input': errorBag.has('userTel') }\"\n            @focus=\"() => onFocus('userTel')\"\n            @blur=\"onBlur\"\n          />\n          <div class=\"error font-14 font-color-danger\">\n            {{ errorBag.first('userTel') }}\n          </div>\n        </div>\n        <div\n          class=\"form-item\"\n          :class=\"{ 'is-focus': focusScope == 'userEmail' }\"\n        >\n          <input\n            v-model=\"form.email\"\n            v-validate=\"'required|isEmail'\"\n            name=\"userEmail\"\n            scope=\"email\"\n            type=\"text\"\n            placeholder=\"邮箱（必填）\"\n            autocomplete=\"off\"\n            :data-vv-validate-on=\"validateEvents\"\n            :class=\"{ 'error-input': errorBag.has('userEmail') }\"\n            @focus=\"() => onFocus('userEmail')\"\n            @blur=\"onBlur\"\n          />\n          <div class=\"error font-14 font-color-danger\">\n            {{ errorBag.first('userEmail') }}\n          </div>\n        </div>\n      </div>\n      <div class=\"submit-box\">\n        <p v-if=\"totalError\" class=\"total-error font-color-danger\">\n          {{ totalError }}\n        </p>\n        <div\n          class=\"submit font-color-white app-flex-row-center\"\n          @click=\"handleSubmit\"\n        >\n          {{ submitText }}\n        </div>\n      </div>\n    </div>\n    <div class=\"right app-flex-column\">\n      <span class=\"label\">或者直接拨打</span>\n      <i class=\"line\"></i>\n      <h3 class=\"tel font-42 font-color-primary\">4000-970-970</h3>\n      <span class=\"time font-14 font-color-desc\">9:00~18:00 (周一到周五)</span>\n    </div>\n\n    <modal-base\n      v-if=\"successShow\"\n      bg-color=\"rgba(0,0,0,0.45)\"\n      :lock-scroll=\"false\"\n      @wrapper-click=\"successShow = false\"\n    >\n      <div class=\"success-box app-flex-column\">\n        <div class=\"icon-box\">\n          <i class=\"iconfont icon-chenggong font-color-white font-64\"></i>\n        </div>\n        <p class=\"font-24 font-color-primary title\">信息已提交成功</p>\n        <p>请保持电话畅通</p>\n        <p>您的专属顾问会在1个工作日内联系您</p>\n        <div class=\"close-btn app-flex-row-center font-color-white\">\n          <i class=\"iconfont icon-guanbianniu\" @click=\"successShow = false\"></i>\n        </div>\n      </div>\n    </modal-base>\n  </div>\n</template>\n\n<script>\nimport { Validator } from 'vee-validate/dist/vee-validate.minimal.esm'\nimport { required } from 'vee-validate/dist/rules.esm'\nimport { API_PATH } from '@/global/config'\n\nconst EXP_PATTERN = {\n  // 手机\n  phone: /^1\\d{10}$/,\n  email: /\\w+([-+.]\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*/,\n  min: 2,\n  max: 30\n}\n\nValidator.extend('required', required)\n\nValidator.extend('isCompany', {\n  validate: value => {\n    let length = String(value).length\n    return EXP_PATTERN.min <= length && length <= EXP_PATTERN.max\n  }\n})\n\nValidator.extend('isName', {\n  validate: value => {\n    let length = String(value).length\n    return EXP_PATTERN.min <= length && length <= EXP_PATTERN.max\n  }\n})\n\nValidator.extend('isPhone', {\n  getMessage: () => '手机号格式错误',\n  validate: value => EXP_PATTERN.phone.test(value)\n})\n\nValidator.extend('isEmail', {\n  validate: value => EXP_PATTERN.email.test(value)\n})\n\nValidator.localize('zh_CN', {\n  custom: {\n    company: {\n      required: '请您填写公司名称',\n      isCompany: '公司名称限2-30个字符'\n    },\n    username: {\n      required: '请您填写姓名',\n      isName: '姓名限2-30个字符'\n    },\n    userTel: {\n      required: '请您填写手机号',\n      isPhone: '手机号格式错误'\n    },\n    userEmail: {\n      required: '请您填写邮箱',\n      isEmail: '邮箱格式错误'\n    }\n  }\n})\n\nexport default {\n  components: {\n    ModalBase: () => import('@/components/common/ModalBase')\n  },\n  props: {\n    submitText: {\n      type: String,\n      default: '立即预约咨询'\n    },\n    from: {\n      type: String,\n      default: 'index'\n    }\n  },\n  inheritAttrs: false,\n  data() {\n    return {\n      form: {\n        from: this.from,\n        company: '',\n        name: '',\n        // 类型(0:个人,1:公司)\n        type: 1,\n        terminal: 'pc',\n        phone: '',\n        email: ''\n      },\n      companyRule: true,\n      submitting: false,\n      successShow: false,\n      totalError: '',\n      validateEvents: 'change',\n      focusScope: ''\n    }\n  },\n  mounted() {},\n  methods: {\n    toggleType() {\n      this.companyRule = this.form.type != 1\n      this.form = {\n        ...this.form,\n        type: this.form.type == 1 ? 0 : 1,\n        company: ''\n      }\n    },\n    handleSubmit() {\n      this.$validator.validateAll().then(valid => {\n        if (valid) {\n          this.doSubmit()\n        }\n      })\n    },\n    async doSubmit() {\n      this.validateEvents = ''\n      if (this.submitting) {\n        return\n      }\n      this.submitting = true\n      try {\n        const res = await this.$http.post(API_PATH.Comm_Consult.receive, {\n          data: {\n            ...this.form,\n            source: document.cookie\n              .split(';')\n              .map(item => item.trim())\n              .reduce(\n                (p, c) =>\n                  c.indexOf('fr=') === 0 ? c.substring(3, c.length) : p,\n                ''\n              )\n          }\n        })\n        const { errno, error } = res\n        if (errno == 0) {\n          this.successShow = true\n          setTimeout(() => {\n            this.validateEvents = 'change|custom'\n          }, 500)\n          this.resetForm()\n        } else {\n          this.totalError = error\n        }\n        this.submitting = false\n      } catch {\n        this.submitting = false\n      }\n    },\n    resetForm() {\n      this.form = {\n        from: this.from,\n        company: '',\n        name: '',\n        type: 1,\n        terminal: 'pc',\n        phone: '',\n        email: ''\n      }\n    },\n    onFocus(name) {\n      this.totalError = ''\n      this.focusScope = name\n      this.validateEvents = 'change'\n    },\n    onBlur() {\n      this.focusScope = ''\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.center {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-contact-info-component {\n  align-items: flex-start;\n  .left {\n    width: 816px;\n    .form {\n      .form-item {\n        width: 380px;\n        margin-right: 28px;\n        margin-bottom: 50px;\n        position: relative;\n        input {\n          box-sizing: border-box;\n          width: 100%;\n          border-radius: 26px;\n          border: 1px solid $neutral-color-3;\n          padding: 15px 24px;\n          outline: none;\n          margin-bottom: 8px;\n          &.error-input {\n            border-color: $danger-color;\n          }\n          &::-webkit-input-placeholder {\n            /* WebKit browsers */\n            font-size: 14px;\n            color: $text-color-desc;\n          }\n\n          &::-moz-placeholder {\n            /* Mozilla Firefox 19+ */\n            font-size: 14px;\n            color: $text-color-desc;\n          }\n\n          &:-ms-input-placeholder {\n            /* Internet Explorer 10+ */\n            font-size: 14px;\n            color: $text-color-desc;\n          }\n\n          &:focus {\n            border-color: $primary-color;\n          }\n\n          &.disabled {\n            background-color: $text-color-other;\n            border-color: $text-color-other;\n            cursor: not-allowed;\n            &::-webkit-input-placeholder {\n              /* WebKit browsers */\n              font-size: 14px;\n              color: $text-color-notice;\n            }\n\n            &::-moz-placeholder {\n              /* Mozilla Firefox 19+ */\n              font-size: 14px;\n              color: $text-color-notice;\n            }\n\n            &:-ms-input-placeholder {\n              /* Internet Explorer 10+ */\n              font-size: 14px;\n              color: $text-color-notice;\n            }\n          }\n        }\n        .error {\n          position: absolute;\n          left: 24px;\n          top: -4px;\n          transform: translateY(-100%);\n        }\n        .personal {\n          position: absolute;\n          left: 24px;\n          top: 60px;\n          cursor: pointer;\n          .iconfont {\n            margin-right: 4px;\n          }\n        }\n        &.is-focus {\n          .error {\n            display: none;\n          }\n        }\n      }\n    }\n    .submit-box {\n      position: relative;\n      .submit {\n        width: 788px;\n        height: 48px;\n        background: $primary-color;\n        border-radius: 23px;\n        cursor: pointer;\n        margin-top: -10px;\n      }\n      .total-error {\n        position: absolute;\n        top: 0;\n        left: 50%;\n        transform: translateX(-50%);\n        margin-top: -30px;\n      }\n    }\n  }\n  .right {\n    align-items: flex-end;\n    .line {\n      width: 64px;\n      height: 4px;\n      background: $neutral-color-3;\n      border-radius: 2px;\n      margin-top: 12px;\n      margin-bottom: 16px;\n    }\n    .tel {\n      margin-bottom: 8px;\n    }\n  }\n\n  .success-box {\n    width: 580px;\n    height: 382px;\n    background: $white;\n    border-radius: 8px;\n    border: 1px solid $neutral-color-3;\n    align-items: center;\n    padding-top: 70px;\n    box-sizing: border-box;\n    @extend .center;\n    .icon-box {\n      width: 120px;\n      height: 120px;\n      background: rgba(42, 96, 228, 0.1);\n      position: relative;\n      border-radius: 50%;\n      margin-bottom: 28px;\n      &:after {\n        content: '';\n        width: 74px;\n        height: 74px;\n        background: $base-color-2;\n        border-radius: 50%;\n        @extend .center;\n      }\n      .iconfont {\n        z-index: 9;\n        @extend .center;\n      }\n    }\n    .title {\n      margin-bottom: 16px;\n    }\n    .close-btn {\n      width: 40px;\n      height: 40px;\n      box-sizing: border-box;\n      border: 1px solid $white;\n      border-radius: 50%;\n      position: absolute;\n      right: 0;\n      top: 0;\n      margin: -40px -40px 0 0;\n      cursor: pointer;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IndexContactInfo.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IndexContactInfo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./IndexContactInfo.vue?vue&type=template&id=9dc0cd2a&scoped=true&\"\nimport script from \"./IndexContactInfo.vue?vue&type=script&lang=js&\"\nexport * from \"./IndexContactInfo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./IndexContactInfo.vue?vue&type=style&index=0&id=9dc0cd2a&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"9dc0cd2a\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IndexContactInfo.vue?vue&type=style&index=0&id=9dc0cd2a&lang=scss&scoped=true&\""],"sourceRoot":""}