{"version":3,"file":"create.a6b22862.js","sources":["../../src/view/company/create/create.vue"],"sourcesContent":["<template>\n  <div class=\"company-form-container\">\n    <div class=\"container-title\">\n      <p>{{ $t('Create a Company') }}</p>\n    </div>\n    <div class=\"container-desc\">\n      <p>{{ $t('Please fill in the company information') }}</p>\n    </div>\n    <el-form ref=\"refForm\" :model=\"formData\" :rules=\"formRules\" class=\"form-container\" onsubmit=\"return false\" @keyup.enter=\"submitForm()\">\n      <el-form-item prop=\"companyName\" class=\"form-item company-name\">\n        <!-- <AutoInput @on-change=\"handleUsernameChange\" name=\"companyName\" class=\"form-item-input\" type=\"account\" :placeholder=\"$t('Company Name')\" /> -->\n        <el-input name=\"companyName\" v-model=\"formData.companyName\" class=\"form-item-input\" autofocus :placeholder=\"$t('Company Name')\" />\n      </el-form-item>\n\n      <el-select v-model=\"formData.industry\" class=\"trade-select\" :placeholder=\"$t('Industry Type')\" size=\"large\" filterable clearable>\n        <el-option v-for=\"item in enums.industryArray\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\" />\n      </el-select>\n\n      <el-select v-model=\"formData.numberValue\" class=\"number-select\" :placeholder=\"$t('Number of Employees')\" size=\"large\" @change=\"numberSplit\" clearable>\n        <el-option v-for=\"item in enums.numberOfPeople\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\" />\n      </el-select>\n\n      <el-form-item>\n        <el-button class=\"submit-btn\" type=\"primary\" :disabled=\"formData.companyName.length === 0\" @click=\"submitForm(refForm)\" :loading=\"btnLoading\">{{ $t('Continue') }}</el-button>\n      </el-form-item>\n    </el-form>\n  </div>\n</template>\n\n<script setup>\nimport { getCurrentInstance, onMounted, reactive, ref } from 'vue'\nimport { setSessionStorage, getSessionStorage, setLocalStorage } from '@/libs/utils'\nimport { useStore } from 'vuex'\nimport { useRoute, useRouter } from 'vue-router'\nimport { getUserInfo } from '@/api/user/user'\nimport enums from '@/libs/enums'\nimport regexPattern from '@/libs/regex-patterns.js'\nimport { ElMessage } from 'element-plus'\nimport { isLogin } from '@/services/base'\n\nconst $store = useStore()\nconst $route = useRoute()\nconst $router = useRouter()\nconst isZh = $store.getters.isZh\nconst formError = ref(false) // 防止有错误时点击提交错误信息会闪两次\nconst { $t } = getCurrentInstance().proxy\n\nconst numberSplit = val => {\n  const numberArr = val.split('-')\n  formData.employeesMin = parseInt(numberArr[0])\n  formData.employeesMax = parseInt(numberArr[1])\n}\n\n// 获取客户端传递的token，进行解析，判断是否未个人账号，个人账号则提取邮箱或者手机号进行带入\nconst formData = reactive({\n  companyName: '',\n  industry: '',\n  numberValue: '',\n  employeesMin: 0,\n  employeesMax: 0,\n  accountType: 'email',\n  code: '',\n  codeId: '',\n})\nconst refForm = ref(null)\nconst btnLoading = ref(false)\nconst formRules = reactive({\n  companyName: [\n    { required: true, message: $t('Company Name'), trigger: 'blur' },\n    isZh\n      ? {\n          validator: (rule, value, callback) => {\n            // 创建企业名称只允许中文\n            const testAccount = regexPattern.companyName.test(value)\n            if (value === '' || testAccount) {\n              formError.value = false\n              callback()\n            } else {\n              formError.value = true\n              const errMsg = $t('The company name only supports Chinese characters')\n              callback(new Error(errMsg))\n            }\n          },\n          trigger: 'change',\n        }\n      : {},\n  ],\n})\n\nconst submitForm = () => {\n  const activeElement = document.activeElement\n  activeElement.blur()\n  setTimeout(() => {\n    if (!refForm.value) {\n      activeElement.focus()\n      return\n    }\n    // 选择使用companyInfo还是companyFormData\n    refForm.value.validate(async valid => {\n      if (valid && !btnLoading.value) {\n        btnLoading.value = true\n        if (isZh) {\n          if (regexPattern.companyName.test(formData.companyName)) {\n            btnLoading.value = false\n            $store.state.company.companyFormData = formData\n            setSessionStorage('companyInfo', JSON.stringify(formData))\n            $router.push({ name: 'createPersonalInfo' })\n          } else {\n            btnLoading.value = false\n            ElMessage.error('The company name only supports Chinese characters')\n          }\n        } else {\n          btnLoading.value = false\n          $store.state.company.companyFormData = formData\n          setSessionStorage('companyInfo', JSON.stringify(formData))\n          $router.push({ name: 'createPersonalInfo' })\n        }\n        setTimeout(() => {\n          btnLoading.value = false\n        }, 3000)\n      } else {\n        return false\n      }\n    })\n  }, 100)\n  return false\n}\n\nconst handelUserInfo = () => {\n  if (isLogin()) {\n    getUserInfo().then(({ data }) => {\n      setSessionStorage('loginUserInfo', JSON.stringify(data.userInfo))\n    })\n  }\n}\n\nonMounted(() => {\n  if ($route.query.companyReedemCode) setLocalStorage('companyReedemCode', $route.query.companyReedemCode)\n  const data = JSON.parse(getSessionStorage('companyInfo'))\n  if (data) {\n    formData.companyName = data.companyName\n    formData.industry = $t(data.industry)\n    formData.numberValue = data.numberValue\n  }\n  handelUserInfo()\n})\n</script>\n<style lang=\"scss\" scoped>\n@import '../../user/login/index.scss';\n.form-container {\n  .form-item {\n    font-size: 14px !important;\n    margin-bottom: 24px;\n    :deep(input) {\n      font-size: 14px !important;\n      padding: 0 15px !important;\n    }\n    :deep(input::placeholder) {\n      font-size: 14px !important;\n    }\n  }\n  .el-select {\n    margin-bottom: 24px;\n  }\n}\n:deep(.el-select .el-input__wrapper) {\n  width: 251px;\n  box-sizing: border-box;\n  border-radius: inherit;\n  box-shadow: 0 0 0 1 var(--el-select-input-focus-border-color) inset !important;\n  border-bottom: 1px solid #dadada;\n}\n:deep(.el-select .el-input.is-focus .el-input__wrapper) {\n  border-color: #c08fff;\n  box-shadow: none !important;\n}\n:deep(.el-form-item__error) {\n  top: 103% !important;\n}\n@-moz-document url-prefix() {\n  :deep(.el-form-item__error) {\n    font-size: 10px;\n  }\n}\n</style>\n"],"names":["$store","useStore","$route","useRoute","$router","useRouter","isZh","formError","ref","$t","getCurrentInstance","numberSplit","val","numberArr","formData","reactive","refForm","btnLoading","formRules","rule","value","callback","testAccount","regexPattern","errMsg","submitForm","activeElement","valid","setSessionStorage","ElMessage","handelUserInfo","isLogin","getUserInfo","data","onMounted","setLocalStorage","getSessionStorage"],"mappings":"u7BAwCA,MAAAA,EAAAC,EAAA,EACAC,EAAAC,EAAA,EACAC,EAAAC,EAAA,EACAC,EAAAN,EAAA,QAAA,KACAO,EAAAC,EAAA,EAAA,EACA,CAAA,GAAAC,CAAA,EAAAC,EAAA,EAAA,MAEAC,EAAAC,GAAA,CACA,MAAAC,EAAAD,EAAA,MAAA,GAAA,EACAE,EAAA,aAAA,SAAAD,EAAA,EAAA,EACAC,EAAA,aAAA,SAAAD,EAAA,EAAA,CACA,EAGAC,EAAAC,EAAA,CACA,YAAA,GACA,SAAA,GACA,YAAA,GACA,aAAA,EACA,aAAA,EACA,YAAA,QACA,KAAA,GACA,OAAA,EACA,CAAA,EACAC,EAAAR,EAAA,IAAA,EACAS,EAAAT,EAAA,EAAA,EACAU,EAAAH,EAAA,CACA,YAAA,CACA,CAAA,SAAA,GAAA,QAAAN,EAAA,cAAA,EAAA,QAAA,MAAA,EACAH,EACA,CACA,UAAA,CAAAa,EAAAC,EAAAC,IAAA,CAEA,MAAAC,EAAAC,EAAA,YAAA,KAAAH,CAAA,EACA,GAAAA,IAAA,IAAAE,EACAf,EAAA,MAAA,GACAc,EAAA,MACA,CACAd,EAAA,MAAA,GACA,MAAAiB,EAAAf,EAAA,mDAAA,EACAY,EAAA,IAAA,MAAAG,CAAA,CAAA,CACA,CACA,EACA,QAAA,QACA,EACA,CAAA,CACA,CACA,CAAA,EAEAC,EAAA,IAAA,CACA,MAAAC,EAAA,SAAA,cACA,OAAAA,EAAA,KAAA,EACA,WAAA,IAAA,CACA,GAAA,CAAAV,EAAA,MAAA,CACAU,EAAA,MAAA,EACA,MACA,CAEAV,EAAA,MAAA,SAAA,MAAAW,GAAA,CACA,GAAAA,GAAA,CAAAV,EAAA,MACAA,EAAA,MAAA,GACAX,EACAiB,EAAA,YAAA,KAAAT,EAAA,WAAA,GACAG,EAAA,MAAA,GACAjB,EAAA,MAAA,QAAA,gBAAAc,EACAc,EAAA,cAAA,KAAA,UAAAd,CAAA,CAAA,EACAV,EAAA,KAAA,CAAA,KAAA,oBAAA,CAAA,IAEAa,EAAA,MAAA,GACAY,GAAA,MAAA,mDAAA,IAGAZ,EAAA,MAAA,GACAjB,EAAA,MAAA,QAAA,gBAAAc,EACAc,EAAA,cAAA,KAAA,UAAAd,CAAA,CAAA,EACAV,EAAA,KAAA,CAAA,KAAA,oBAAA,CAAA,GAEA,WAAA,IAAA,CACAa,EAAA,MAAA,EACA,EAAA,GAAA,MAEA,OAAA,EAEA,CAAA,CACA,EAAA,GAAA,EACA,EACA,EAEAa,EAAA,IAAA,CACAC,EAAA,GACAC,KAAA,KAAA,CAAA,CAAA,KAAAC,CAAA,IAAA,CACAL,EAAA,gBAAA,KAAA,UAAAK,EAAA,QAAA,CAAA,CACA,CAAA,CAEA,EAEA,OAAAC,EAAA,IAAA,CACAhC,EAAA,MAAA,mBAAAiC,EAAA,oBAAAjC,EAAA,MAAA,iBAAA,EACA,MAAA+B,EAAA,KAAA,MAAAG,EAAA,aAAA,CAAA,EACAH,IACAnB,EAAA,YAAAmB,EAAA,YACAnB,EAAA,SAAAL,EAAAwB,EAAA,QAAA,EACAnB,EAAA,YAAAmB,EAAA,aAEAH,EAAA,CACA,CAAA"}