uk_front_build/.nuxt/dist/server/pages/home/contactPromoCollection.js

exports.ids = [55];
exports.modules = {

/***/ 256:
/***/ (function(module, exports) {

// Exports
module.exports = {

};


/***/ }),

/***/ 311:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_contactPromoCollection_vue_vue_type_style_index_0_id_e8620a10_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(256);
/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_contactPromoCollection_vue_vue_type_style_index_0_id_e8620a10_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_contactPromoCollection_vue_vue_type_style_index_0_id_e8620a10_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_contactPromoCollection_vue_vue_type_style_index_0_id_e8620a10_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_contactPromoCollection_vue_vue_type_style_index_0_id_e8620a10_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));


/***/ }),

/***/ 354:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2-0!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/@nuxt/components/dist/loader.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./pages/home/contactPromoCollection.vue?vue&type=template&id=e8620a10&scoped=true
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c('div', {
    staticClass: "com-main com-width-1400 com-margin-auto"
  }, [_c('el-breadcrumb', {
    attrs: {
      "separator-class": "el-icon-arrow-right"
    }
  }, [_c('el-breadcrumb-item', {
    attrs: {
      "to": {
        path: '/'
      }
    }
  }, [_vm._v("Home")]), _vm._v(" "), _c('el-breadcrumb-item', [_vm._v(" Contact PromoCollection")])], 1), _vm._ssrNode(" <p class=\"title\" data-v-e8620a10>Contact PromoCollection</p> <div class=\"line\" data-v-e8620a10></div> <p class=\"des\" data-v-e8620a10>\n         We distribute through distributors only. If you\n    are a registered distributor, please\n    <span data-v-e8620a10>login</span> , otherwise, please fill out\n    contact <br data-v-e8620a10>\n    details below. One of our authorized distributors would contact you\n    shortly.\n    <span data-v-e8620a10>If you have a preferred distributor, please specify</span></p> "), _c('el-form', {
    ref: "ruleForm",
    staticClass: "demo-ruleForm",
    attrs: {
      "model": _vm.ruleForm,
      "rules": _vm.rules,
      "label-width": "0px"
    }
  }, [_c('el-form-item', {
    attrs: {
      "prop": "company"
    }
  }, [_c('el-input', {
    attrs: {
      "placeholder": "Company Name*",
      "clearable": ""
    },
    model: {
      value: _vm.ruleForm.company,
      callback: function ($$v) {
        _vm.$set(_vm.ruleForm, "company", $$v);
      },
      expression: "ruleForm.company"
    }
  })], 1), _vm._v(" "), _c('el-form-item', {
    attrs: {
      "prop": "contacts"
    }
  }, [_c('el-input', {
    attrs: {
      "placeholder": "Contact Person*",
      "clearable": ""
    },
    model: {
      value: _vm.ruleForm.contacts,
      callback: function ($$v) {
        _vm.$set(_vm.ruleForm, "contacts", $$v);
      },
      expression: "ruleForm.contacts"
    }
  })], 1), _vm._v(" "), _c('el-form-item', {
    attrs: {
      "prop": "phone"
    }
  }, [_c('el-input', {
    attrs: {
      "placeholder": "Phone*",
      "clearable": ""
    },
    model: {
      value: _vm.ruleForm.phone,
      callback: function ($$v) {
        _vm.$set(_vm.ruleForm, "phone", $$v);
      },
      expression: "ruleForm.phone"
    }
  })], 1), _vm._v(" "), _c('el-form-item', {
    attrs: {
      "prop": "address"
    }
  }, [_c('el-input', {
    attrs: {
      "placeholder": "Address",
      "clearable": ""
    },
    model: {
      value: _vm.ruleForm.address,
      callback: function ($$v) {
        _vm.$set(_vm.ruleForm, "address", $$v);
      },
      expression: "ruleForm.address"
    }
  })], 1), _vm._v(" "), _c('el-form-item', {
    attrs: {
      "prop": "state"
    }
  }, [_c('el-input', {
    attrs: {
      "placeholder": "State",
      "clearable": ""
    },
    model: {
      value: _vm.ruleForm.state,
      callback: function ($$v) {
        _vm.$set(_vm.ruleForm, "state", $$v);
      },
      expression: "ruleForm.state"
    }
  })], 1), _vm._v(" "), _c('el-form-item', {
    attrs: {
      "prop": "postcode"
    }
  }, [_c('el-input', {
    attrs: {
      "placeholder": "Post Code",
      "clearable": ""
    },
    model: {
      value: _vm.ruleForm.postcode,
      callback: function ($$v) {
        _vm.$set(_vm.ruleForm, "postcode", $$v);
      },
      expression: "ruleForm.postcode"
    }
  })], 1), _vm._v(" "), _c('el-form-item', {
    attrs: {
      "prop": "url"
    }
  }, [_c('el-input', {
    attrs: {
      "placeholder": "Website",
      "clearable": ""
    },
    model: {
      value: _vm.ruleForm.url,
      callback: function ($$v) {
        _vm.$set(_vm.ruleForm, "url", $$v);
      },
      expression: "ruleForm.url"
    }
  })], 1), _vm._v(" "), _c('el-form-item', {
    attrs: {
      "prop": "email"
    }
  }, [_c('el-input', {
    attrs: {
      "placeholder": "E-mail",
      "clearable": ""
    },
    model: {
      value: _vm.ruleForm.email,
      callback: function ($$v) {
        _vm.$set(_vm.ruleForm, "email", $$v);
      },
      expression: "ruleForm.email"
    }
  })], 1), _vm._v(" "), _c('el-form-item', {
    attrs: {
      "prop": "content"
    }
  }, [_c('el-input', {
    attrs: {
      "type": "textarea",
      "rows": 5,
      "placeholder": "Content",
      "clearable": ""
    },
    model: {
      value: _vm.ruleForm.content,
      callback: function ($$v) {
        _vm.$set(_vm.ruleForm, "content", $$v);
      },
      expression: "ruleForm.content"
    }
  })], 1), _vm._v(" "), _c('el-form-item', [_c('el-button', {
    attrs: {
      "disabled": _vm.disabledFlag
    },
    on: {
      "click": function ($event) {
        return _vm.submitForm('ruleForm');
      }
    }
  }, [_vm._v("\n        " + _vm._s(_vm.butonContent) + "\n      ")])], 1)], 1)], 2);
};
var staticRenderFns = [];

// CONCATENATED MODULE: ./pages/home/contactPromoCollection.vue?vue&type=template&id=e8620a10&scoped=true

// EXTERNAL MODULE: external "vuex"
var external_vuex_ = __webpack_require__(6);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2-0!./node_modules/@nuxt/components/dist/loader.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./pages/home/contactPromoCollection.vue?vue&type=script&lang=js

/* harmony default export */ var contactPromoCollectionvue_type_script_lang_js = ({
  data() {
    return {
      ruleForm: {
        company: "",
        contacts: "",
        phone: "",
        address: "",
        state: "",
        postcode: "",
        url: "",
        email: "",
        content: ""
      },
      rules: {
        company: [{
          required: true,
          message: "Please enter your Company Name",
          trigger: "blur"
        }],
        contacts: [{
          required: true,
          message: "Please enter your Contact Person",
          trigger: "blur"
        }],
        phone: [{
          required: true,
          message: "Please enter your Phone Number",
          trigger: "blur"
        }]
      },
      time: 60,
      timer: null,
      butonContent: "Submit",
      disabledFlag: false
    };
  },
  watch: {
    time: {
      handler(newValue) {
        if (newValue == 0) {
          this.disabledFlag = false;
        } else {
          this.disabledFlag = true;
        }
      }
    }
  },
  methods: {
    ...Object(external_vuex_["mapMutations"])(["openDialog"]),
    Login() {
      this.openDialog();
    },
    submitForm(formName) {
      this.$refs[formName].validate(valid => {
        if (valid) {
          this.timer = setInterval(() => {
            if (this.time == 0) {
              this.butonContent = "Submit";
              clearInterval(this.timer);
            } else {
              this.butonContent = "Submit " + this.time + " s";
              this.time--;
            }
          }, 1000);
          this.$axios.post("/uk-api/others/visitor", this.ruleForm).then(res => {
            if (res.code == 1) {
              this.$notify({
                title: "success",
                message: "Your request has been sent to your nominated e mail address.",
                type: "success"
              });
              this.$router.push('/');
            }
          }).catch(() => {
            // this.$message.error(error.response.data.msg);
          });
        } else {
          console.log("error submit!!");
          return false;
        }
      });
    }
  }
});
// CONCATENATED MODULE: ./pages/home/contactPromoCollection.vue?vue&type=script&lang=js
 /* harmony default export */ var home_contactPromoCollectionvue_type_script_lang_js = (contactPromoCollectionvue_type_script_lang_js); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(2);

// CONCATENATED MODULE: ./pages/home/contactPromoCollection.vue



function injectStyles (context) {
  
  var style0 = __webpack_require__(311)
if (style0.__inject__) style0.__inject__(context)

}

/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  home_contactPromoCollectionvue_type_script_lang_js,
  render,
  staticRenderFns,
  false,
  injectStyles,
  "e8620a10",
  "375fdd27"
  
)

/* harmony default export */ var contactPromoCollection = __webpack_exports__["default"] = (component.exports);

/***/ })

};;
//# sourceMappingURL=contactPromoCollection.js.map