{"version":3,"sources":["webpack:///./src/utils/validate.js","webpack:///./src/views/merchants/merchantsForm.vue?f358","webpack:///./src/views/merchants/merchantsForm.vue?8e23","webpack:///src/views/merchants/merchantsForm.vue","webpack:///./src/views/merchants/merchantsForm.vue?46a2","webpack:///./src/views/merchants/merchantsForm.vue"],"names":["isEmprty","value","isPhone","pattern","test","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_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_lib_loader_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_merchantsForm_vue_vue_type_style_index_0_id_57388d55_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_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_lib_loader_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_merchantsForm_vue_vue_type_style_index_0_id_57388d55_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","n","render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_l","item","key","id","name","class","form","typeId","on","click","$event","onTypeChange","_s","model","callback","$$v","$set","trim","expression","staticStyle","width","attrs","options","cityOptions","clearable","filterable","change","handleCityChange","cityValue","onSubmit","staticRenderFns","merchantsFormvue_type_script_lang_js_","props","isSelfDevelop","type","Boolean","default","data","isSubmiting","brandName","city","companyName","country","province","sourceId","telephoneNo","promotionCompanyId","brandId","selfDevelop","merchantTypes","created","formatAreaData","getMerchantsType","watch","handler","val","immediate","methods","length","provinceData","states","filter","ele","country_id","tempOptionsData","forEach","push","cname","label","children","cities","state_id","map","target","validateForm","isPass","Object","validate","$message","error","_this","axios_default","a","get","then","res","status","catch","err","console","response","message","_this2","post","success","initForm","merchants_merchantsFormvue_type_script_lang_js_","component","componentNormalizer","__webpack_exports__"],"mappings":"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","file":"js/chunk-0ef86b4e.3a37349e.js","sourcesContent":["export function isEmprty(value){\r\n    if(value === '' || value === null || value === 'undefined' ){\r\n        return true\r\n    }else{\r\n        return false\r\n    }\r\n}\r\nexport function isNumber(value){\r\n    if(!value && isNaN(Number(value)) ){\r\n        return false\r\n    }else{\r\n        return true\r\n    }\r\n}\r\nexport function isPhone(value){\r\n    let pattern = /^[0-9()+-\\s_]*$/\r\n    if(value && pattern.test(value)){\r\n        return true\r\n    }else{\r\n        return false\r\n    }\r\n}\r\nexport function isPrice(value){\r\n    let pattern =  /^\\d+(\\.\\d{1,2})?$/\r\n    if(value && pattern.test(value)){\r\n        return true\r\n    }else{\r\n        return false\r\n    }\r\n}","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.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/lib/loader.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!./merchantsForm.vue?vue&type=style&index=0&id=57388d55&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.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/lib/loader.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!./merchantsForm.vue?vue&type=style&index=0&id=57388d55&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"florina-merchants-form-page\"},[_c('div',{staticClass:\"florina-merchants-form-wrapper\"},[_c('div',{staticClass:\"florina-merchants-form-title\"},[_vm._v(\"加盟费罗娜\")]),_c('div',{staticClass:\"florina-merchants-form-icon\"}),_c('div',{staticClass:\"florina-merchants-form-tab-wrapper\"},_vm._l((_vm.merchantTypes),function(item){return _c('div',{key:item.id + item.name,staticClass:\"florina-merchants-form-tab-item\"},[_c('span',{staticClass:\"florina-merchants-form-tab-item-text\",class:[_vm.form.typeId === item.id ? 'active' : ''],on:{\"click\":function($event){return _vm.onTypeChange(item)}}},[_vm._v(_vm._s(item.name))])])}),0),_c('div',{staticClass:\"florina-merchants-form-container\"},[_c('div',{staticClass:\"florina-merchants-form-flex-row\"},[_c('div',{staticClass:\"florina-merchants-form-item\"},[_c('div',{staticClass:\"florina-merchants-form-label\"},[_vm._v(\"姓名：\")]),_c('div',{staticClass:\"florina-merchants-form-content\"},[_c('el-input',{staticClass:\"florina-merchants-form-input\",model:{value:(_vm.form.name),callback:function ($$v) {_vm.$set(_vm.form, \"name\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"form.name\"}})],1)])]),_c('div',{staticClass:\"florina-merchants-form-flex-row\"},[_c('div',{staticClass:\"florina-merchants-form-item\"},[_c('div',{staticClass:\"florina-merchants-form-label\"},[_vm._v(\"手机：\")]),_c('div',{staticClass:\"florina-merchants-form-content\"},[_c('el-input',{staticClass:\"florina-merchants-form-input\",model:{value:(_vm.form.telephoneNo),callback:function ($$v) {_vm.$set(_vm.form, \"telephoneNo\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"form.telephoneNo\"}})],1)])]),_c('div',{staticClass:\"florina-merchants-form-flex-row\"},[_c('div',{staticClass:\"florina-merchants-form-item\"},[_c('div',{staticClass:\"florina-merchants-form-label\"},[_vm._v(\"加盟城市：\")]),_c('div',{staticClass:\"florina-merchants-form-content\"},[_c('el-cascader',{staticStyle:{\"width\":\"100%\"},attrs:{\"options\":_vm.cityOptions,\"clearable\":\"\",\"filterable\":\"\"},on:{\"change\":_vm.handleCityChange},model:{value:(_vm.cityValue),callback:function ($$v) {_vm.cityValue=$$v},expression:\"cityValue\"}})],1)])]),_c('div',{staticClass:\"florina-merchants-form-flex-row\"},[_c('div',{staticClass:\"florina-merchants-form-item\"},[_c('div',{staticClass:\"florina-merchants-form-label\"},[_vm._v(\"公司名称：\")]),_c('div',{staticClass:\"florina-merchants-form-content\"},[_c('el-input',{staticClass:\"florina-merchants-form-input\",model:{value:(_vm.form.companyName),callback:function ($$v) {_vm.$set(_vm.form, \"companyName\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"form.companyName\"}})],1)])]),_c('div',{staticClass:\"florina-merchants-form-flex-row\"},[_c('div',{staticClass:\"florina-merchants-form-item\"},[_c('div',{staticClass:\"florina-merchants-form-label\"},[_vm._v(\"目前经营品牌：\")]),_c('div',{staticClass:\"florina-merchants-form-content\"},[_c('el-input',{staticClass:\"florina-merchants-form-input\",model:{value:(_vm.form.brandName),callback:function ($$v) {_vm.$set(_vm.form, \"brandName\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"form.brandName\"}})],1)])]),_c('div',{staticClass:\"florina-merchants-form-flex-row\"},[_c('span',{staticClass:\"florina-merchants-form-submit\",on:{\"click\":_vm.onSubmit}},[_vm._v(\"\\n          提 交\\n          \"),_c('i',{staticClass:\"el-icon-right submit-icon\"})])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <!-- 这份表单是用于费罗娜pc官网用的招商表单，2020-06-02日后该表单有费罗娜官网制作方重新制作，待对方制作完成上线后，该表单即可删除 -->\r\n  <div class=\"florina-merchants-form-page\">\r\n    <div class=\"florina-merchants-form-wrapper\">\r\n      <div class=\"florina-merchants-form-title\">加盟费罗娜</div>\r\n      <div class=\"florina-merchants-form-icon\"></div>\r\n      <div class=\"florina-merchants-form-tab-wrapper\">\r\n        <div\r\n          class=\"florina-merchants-form-tab-item\"\r\n          v-for=\"item in merchantTypes\"\r\n          :key=\"item.id + item.name\"\r\n        >\r\n          <span\r\n            class=\"florina-merchants-form-tab-item-text\"\r\n            @click=\"onTypeChange(item)\"\r\n            :class=\"[form.typeId === item.id ? 'active' : '']\"\r\n            >{{ item.name }}</span\r\n          >\r\n        </div>\r\n        <!-- <div class=\"florina-merchants-form-tab-item\">\r\n          <span class=\"florina-merchants-form-tab-item-text\">设计师入口</span>\r\n        </div>\r\n        <div class=\"florina-merchants-form-tab-item\">\r\n          <span class=\"florina-merchants-form-tab-item-text\">项目合作</span>\r\n        </div>-->\r\n      </div>\r\n      <div class=\"florina-merchants-form-container\">\r\n        <div class=\"florina-merchants-form-flex-row\">\r\n          <div class=\"florina-merchants-form-item\">\r\n            <div class=\"florina-merchants-form-label\">姓名：</div>\r\n            <div class=\"florina-merchants-form-content\">\r\n              <el-input\r\n                v-model.trim=\"form.name\"\r\n                class=\"florina-merchants-form-input\"\r\n              ></el-input>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"florina-merchants-form-flex-row\">\r\n          <div class=\"florina-merchants-form-item\">\r\n            <div class=\"florina-merchants-form-label\">手机：</div>\r\n            <div class=\"florina-merchants-form-content\">\r\n              <el-input\r\n                v-model.trim=\"form.telephoneNo\"\r\n                class=\"florina-merchants-form-input\"\r\n              ></el-input>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"florina-merchants-form-flex-row\">\r\n          <div class=\"florina-merchants-form-item\">\r\n            <div class=\"florina-merchants-form-label\">加盟城市：</div>\r\n            <div class=\"florina-merchants-form-content\">\r\n              <el-cascader\r\n                v-model=\"cityValue\"\r\n                :options=\"cityOptions\"\r\n                @change=\"handleCityChange\"\r\n                style=\"width: 100%\"\r\n                clearable\r\n                filterable\r\n              ></el-cascader>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"florina-merchants-form-flex-row\">\r\n          <div class=\"florina-merchants-form-item\">\r\n            <div class=\"florina-merchants-form-label\">公司名称：</div>\r\n            <div class=\"florina-merchants-form-content\">\r\n              <el-input\r\n                v-model.trim=\"form.companyName\"\r\n                class=\"florina-merchants-form-input\"\r\n              ></el-input>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"florina-merchants-form-flex-row\">\r\n          <div class=\"florina-merchants-form-item\">\r\n            <div class=\"florina-merchants-form-label\">目前经营品牌：</div>\r\n            <div class=\"florina-merchants-form-content\">\r\n              <el-input\r\n                v-model.trim=\"form.brandName\"\r\n                class=\"florina-merchants-form-input\"\r\n              ></el-input>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"florina-merchants-form-flex-row\">\r\n          <span class=\"florina-merchants-form-submit\" @click=\"onSubmit\">\r\n            提 交\r\n            <i class=\"el-icon-right submit-icon\"></i>\r\n          </span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport cities from \"@/api/areaData/cities.json\";\r\nimport states from \"@/api/areaData/states.json\";\r\nimport axios from \"axios\";\r\nimport { isEmprty, isPhone } from \"@/utils/validate\";\r\nexport default {\r\n  name: \"merchantIFrameForm\",\r\n  props:{\r\n    isSelfDevelop:{\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      isSubmiting: false,\r\n      form: {\r\n        brandName: \"\",\r\n        city: \"\",\r\n        companyName: \"\",\r\n        country: \"中国\",\r\n        name: \"\",\r\n        province: \"\",\r\n        sourceId: 3,\r\n        telephoneNo: \"\",\r\n        typeId: 1,\r\n        promotionCompanyId: \"\",\r\n        brandId:null,\r\n        selfDevelop: false\r\n      },\r\n      merchantTypes: [],\r\n      cityValue: [],\r\n      cityOptions: [],\r\n    };\r\n  },\r\n  created() {\r\n    this.formatAreaData();\r\n    this.getMerchantsType();\r\n  },\r\n  watch:{\r\n    isSelfDevelop: {\r\n      handler(val){\r\n        this.form.selfDevelop = val\r\n      },\r\n      immediate:true\r\n    }\r\n  },\r\n  methods: {\r\n    handleCityChange(val) {\r\n      if (val && val.length > 0) {\r\n        this.form.province = val[0];\r\n        this.form.city = val[1];\r\n      } else {\r\n        this.form.province = \"\";\r\n        this.form.city = \"\";\r\n      }\r\n    },\r\n    formatAreaData() {\r\n      let provinceData = states[\"RECORDS\"].filter(\r\n        (ele) => ele.country_id == 44\r\n      );\r\n      let tempOptionsData = [];\r\n      provinceData.forEach((ele) => {\r\n        tempOptionsData.push({\r\n          value: ele.cname,\r\n          label: ele.cname,\r\n          children: cities[\"RECORDS\"]\r\n            .filter((item) => item.state_id == ele.id)\r\n            .map((target) => {\r\n              return { value: target.cname, label: target.cname };\r\n            }),\r\n        });\r\n      });\r\n      this.cityOptions = tempOptionsData;\r\n    },\r\n    validateForm() {\r\n      let isPass = true;\r\n      if (isEmprty(this.form.typeId)) {\r\n        this.$message.error(\"请选择类型\");\r\n        isPass = false;\r\n        return;\r\n      }\r\n      if (isEmprty(this.form.name)) {\r\n        this.$message.error(\"请填写名字\");\r\n        isPass = false;\r\n        return;\r\n      }\r\n      if (isEmprty(this.form.telephoneNo)) {\r\n        this.$message.error(\"请填写电话号码\");\r\n        isPass = false;\r\n        return;\r\n      }\r\n      if (!isPhone(this.form.telephoneNo)) {\r\n        this.$message.error(\"请填写正确的手机号码\");\r\n        isPass = false;\r\n        return;\r\n      }\r\n      // 如果选择了非设计师的类型，需要检验城市和品牌字段\r\n      if (this.form.typeId !== 2) {\r\n        if (isEmprty(this.form.province) || isEmprty(this.form.city)) {\r\n          this.$message.error(\"请选择您所在的城市\");\r\n          isPass = false;\r\n          return;\r\n        }\r\n        if (isEmprty(this.form.companyName)) {\r\n          this.$message.error(\"请填写公司名称\");\r\n          isPass = false;\r\n          return;\r\n        }\r\n        // if (isEmprty(this.form.brandName)) {\r\n        //   this.$message.error(\"请填写您目前经营的品牌\");\r\n        //   isPass = false;\r\n        //   return;\r\n        // }\r\n      } else {\r\n        if (isEmprty(this.form.province) || isEmprty(this.form.city)) {\r\n          this.$message.error(\"请选择您所在的城市\");\r\n          isPass = false;\r\n          return;\r\n        }\r\n        if (isEmprty(this.form.companyName)) {\r\n          this.$message.error(\"请填写公司名称\");\r\n          isPass = false;\r\n          return;\r\n        }\r\n      }\r\n      return isPass;\r\n    },\r\n    getMerchantsType() {\r\n      axios\r\n        .get(\"https://erp.florina.cn:1443/api/v1/merchants/types/selections\")\r\n        .then((res) => {\r\n          if (res.status === 200 || res.status === 206) {\r\n            this.merchantTypes = res.data;\r\n            this.form.typeId = this.merchantTypes[0].id;\r\n          }\r\n        })\r\n        .catch((err) => {\r\n          console.error(\"获取表单类型失败\", err.response);\r\n          this.$message.error(err.response.data.message);\r\n        });\r\n    },\r\n    onTypeChange(item) {\r\n      if (item.id == 2) {\r\n        this.form.brandName = \"\";\r\n      }\r\n      this.form.typeId = item.id;\r\n    },\r\n    onSubmit() {\r\n      if (this.validateForm()) {\r\n        this.isSubmiting = true;\r\n        axios\r\n          .post(\"https://erp.florina.cn:1443/api/v1/merchants\", this.form)\r\n          .then((res) => {\r\n            if (res.status === 200 || res.status === 201) {\r\n              this.isSubmiting = false;\r\n              this.$message.success(\"提交成功\");\r\n              this.initForm();\r\n            }\r\n          })\r\n          .catch((err) => {\r\n            this.isSubmiting = false;\r\n            console.error(\"提交失败，请稍后重试\", err.response);\r\n            this.$message.error(\"提交失败，请稍后重试\");\r\n          });\r\n      }\r\n    },\r\n    initForm() {\r\n      this.form = {\r\n        brandName: \"\",\r\n        city: \"\",\r\n        companyName: \"\",\r\n        country: \"中国\",\r\n        name: \"\",\r\n        province: \"\",\r\n        sourceId: 3,\r\n        typeId: 1,\r\n        telephoneNo: \"\",\r\n        promotionCompanyId: \"\",\r\n      };\r\n      this.cityValue = [];\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.florina-merchants-form-page {\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background-color: #f6f7f7;\r\n  margin: 0 auto;\r\n  .florina-merchants-form-wrapper {\r\n    box-sizing: border-box;\r\n    width: 900px;\r\n    padding: 10px 15px;\r\n  }\r\n  .florina-merchants-form-title {\r\n    box-sizing: border-box;\r\n    text-align: center;\r\n    font-size: 24px;\r\n    color: #000;\r\n    font-weight: 550;\r\n    letter-spacing: 2px;\r\n    font-family: \"SourceHanSansCN-Bold\";\r\n  }\r\n  .florina-merchants-form-icon {\r\n    width: 100%;\r\n    height: 40px;\r\n    margin-top: 16px;\r\n    margin-bottom: 70px;\r\n    overflow: hidden;\r\n    &::before {\r\n      display: block;\r\n      content: \"\";\r\n      width: 22px;\r\n      height: 22px;\r\n      border-left: 3px solid #e9df4c;\r\n      border-bottom: 3px solid #e9df4c;\r\n      transform: rotateZ(-45deg);\r\n      margin: 0 auto;\r\n    }\r\n  }\r\n  .florina-merchants-form-tab-wrapper {\r\n    box-sizing: border-box;\r\n    width: 380px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin-bottom: 100px;\r\n    font-family: \"SourceHanSansCN-Regular\";\r\n    .florina-merchants-form-tab-item {\r\n      flex: 1;\r\n      font-size: 14px;\r\n      text-align: center;\r\n      color: #000;\r\n      .florina-merchants-form-tab-item-text {\r\n        padding-bottom: 20px;\r\n        font-size: 15px;\r\n        font-weight: 500;\r\n        position: relative;\r\n        cursor: pointer;\r\n        &.active::before {\r\n          content: \"\";\r\n          width: 100%;\r\n          height: 4px;\r\n          background-color: #fee517;\r\n          position: absolute;\r\n          bottom: 0;\r\n          left: 0;\r\n          right: 0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .florina-merchants-form-container {\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: space-between;\r\n    font-family: \"SourceHanSansCN-Regular\";\r\n    .florina-merchants-form-flex-row {\r\n      box-sizing: border-box;\r\n      flex: 390px 0 0;\r\n      width: 390px;\r\n      margin-bottom: 40px;\r\n      .florina-merchants-form-item {\r\n        box-sizing: border-box;\r\n        width: 100%;\r\n        height: 58px;\r\n        border-radius: 4px;\r\n        display: flex;\r\n        justify-content: flex-start;\r\n        align-items: center;\r\n        background-color: #fff;\r\n        overflow: hidden;\r\n        .florina-merchants-form-label {\r\n          font-size: 14px;\r\n          color: #989898;\r\n          padding: 0 10px 0 20px;\r\n        }\r\n        .florina-merchants-form-content {\r\n          flex: 1;\r\n          display: flex;\r\n          align-items: center;\r\n          height: 100%;\r\n          /deep/ {\r\n            .el-input__inner {\r\n              border: none;\r\n              outline: none;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .florina-merchants-form-submit {\r\n        display: block;\r\n        width: 180px;\r\n        height: 40px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 14px;\r\n        border-radius: 50px;\r\n        color: #000;\r\n        background-color: #ffe218;\r\n        transition: all 0.3s linear;\r\n        margin-top: 10px;\r\n        cursor: pointer;\r\n        overflow: hidden;\r\n        .submit-icon {\r\n          font-size: 20px;\r\n          transition: all 0.3s linear;\r\n          padding-left: 6px;\r\n        }\r\n        &:hover {\r\n          background-color: #d8be17;\r\n          .submit-icon {\r\n            transform: translateX(6px);\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>","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!./merchantsForm.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!./merchantsForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./merchantsForm.vue?vue&type=template&id=57388d55&scoped=true&\"\nimport script from \"./merchantsForm.vue?vue&type=script&lang=js&\"\nexport * from \"./merchantsForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./merchantsForm.vue?vue&type=style&index=0&id=57388d55&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  \"57388d55\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}