{"version":3,"sources":["webpack:///./src/views/register/personal/index.vue","webpack:///./src/views/register/personal/index.vue?ba74"],"names":["t","te","useI18n","router","useRouter","pageConfig","ref","form","formRefs","information","area","useAppStore","$event","inject","$steps","Area","reactive","countries","states","cities","districts","locale","computed","Language","handleAreaChange","Country","State","City","find","x","Title","children","console","log","handleMounted","g","value","Name","async","val","data","map","ID","handleNext","validate","valid","fields","ElMessage","message","type","loadingInstance","ElLoading","service","fullscreen","personal","setToken","useUserStore","uid","push","name","to","e","close","genderList","it","id","remark","split","filter","titleList","phoneValidator","rule","callback","regex","required","test","Error","taxNoValidator","length","__exports__"],"mappings":"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","file":"static/js/chunk-2d0b3e0e.d6881ee5.js","sourcesContent":["<template>\r\n  <VRegisterApp name=\"personal\" @mounted=\"handleMounted\" @next=\"handleNext\">\r\n    <!-- <template #header v-if=\"current\">{{ current.Title }}</template> -->\r\n    <el-form :scroll-to-error=\"true\" ref=\"formRefs\" :model=\"form\" label-width=\"120px\" label-position=\"top\" v-if=\"pageConfig.fields && pageConfig.fields.length > 0\">\r\n      <el-row :gutter=\"20\">\r\n        <template v-for=\"it in pageConfig.fields\" :key=\"it.id\">\r\n          <el-col :span=\"24\" v-if=\"it.id === 'IDImg' || it.id === 'VisaImg'\">\r\n            <el-form-item\r\n              :label=\"it.title\"\r\n              :prop=\"it.id\"\r\n              :rules=\"[\r\n                {\r\n                  required: it.mandatory,\r\n                  message: $t(`registration.form.required`, it),\r\n                },\r\n              ]\"\r\n            >\r\n              <div style=\"width: 100%\">\r\n                <UploadFile v-model=\"form[it.id]\" />\r\n              </div>\r\n\r\n              <div v-if=\"it.remark\" style=\"color: #777; font-size: 12px; line-height: 18px; padding-top: 3px\">\r\n                {{ it.remark }}\r\n              </div>\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col :xs=\"24\" :sm=\"24\" :md=\"it.remark && !(it.id === 'Gender' && genderList.length > 1||it.id === 'Title' && titleList.length > 1) ? 24 : 12\" v-else-if=\"it.id === 'Mobile'\">\r\n            <el-form-item\r\n              :label=\"it.title\"\r\n              :prop=\"it.id\"\r\n              :rules=\"[\r\n                {\r\n                  required: it.mandatory,\r\n                  message: $t(`registration.form.required`, it),\r\n                },\r\n                {\r\n                  validator: phoneValidator,\r\n                },\r\n              ]\"\r\n            >\r\n              <el-input v-suggest-off v-model=\"form[it.id]\" />\r\n            </el-form-item>\r\n          </el-col>\r\n\r\n          <el-col :xs=\"24\" :sm=\"24\" :md=\"it.remark && !(it.id === 'Gender' && genderList.length > 1||it.id === 'Title' && titleList.length > 1) ? 24 : 12\" v-else-if=\"it.id === 'MicroBlog'\">\r\n            <el-form-item\r\n              :label=\"it.title\"\r\n              :prop=\"it.id\"\r\n              :rules=\"[\r\n                {\r\n                  required: it.mandatory,\r\n                  message: $t(`registration.form.required`, it),\r\n                },\r\n                {\r\n                  validator: taxNoValidator,\r\n                },\r\n              ]\"\r\n            >\r\n              <el-input v-suggest-off v-model=\"form[it.id]\" />\r\n            </el-form-item>\r\n          </el-col>\r\n\r\n          <el-col :xs=\"24\" :sm=\"24\" :md=\"it.remark && !(it.id === 'Gender' && genderList.length > 1||it.id === 'Title' && titleList.length > 1) ? 24 : 12\" v-else>\r\n            <el-form-item\r\n              :label=\"it.title\"\r\n              :prop=\"it.id\"\r\n              :rules=\"[\r\n                {\r\n                  required: it.mandatory,\r\n                  message: $t(`registration.form.required`, it),\r\n                },\r\n              ]\"\r\n            >\r\n              <template v-if=\"it.id === 'Gender'\">\r\n                <el-select v-suggest-off v-model=\"form[it.id]\" style=\"width: 100%\">\r\n                  <template v-if=\"genderList && genderList.length\">\r\n                    <el-option v-for=\"it in genderList\" :label=\"it\" :value=\"it\"></el-option>\r\n                  </template>\r\n                  <tempate v-else>\r\n                    <template v-if=\"$event.Language === 1\">\r\n                      <el-option value=\"Dr.\" label=\"博士\"></el-option>\r\n                      <el-option value=\"Mr.\" label=\"先生\"></el-option>\r\n                      <el-option value=\"Mrs.\" label=\"女士\"></el-option>\r\n                      <el-option value=\"Ms.\" label=\"小姐\"></el-option>\r\n                    </template>\r\n                    <template v-else>\r\n                      <el-option value=\"Dr.\" label=\"Dr.\"></el-option>\r\n                      <el-option value=\"Mr.\" label=\"Mr.\"></el-option>\r\n                      <el-option value=\"Mrs.\" label=\"Mrs.\"></el-option>\r\n                      <el-option value=\"Ms.\" label=\"Ms.\"></el-option>\r\n                    </template>\r\n                  </tempate>\r\n                </el-select>\r\n              </template>\r\n\r\n              <template v-else-if=\"it.id === 'Title'&&titleList && titleList.length\">\r\n                <el-select v-suggest-off v-model=\"form[it.id]\" style=\"width: 100%\">\r\n                  <el-option v-for=\"it in titleList\" :label=\"it\" :value=\"it\"></el-option>\r\n                </el-select>\r\n              </template>\r\n\r\n              <template v-else-if=\"it.id === 'ExpDate' || it.id === 'Birthday' || it.id == 'DateIssue'\">\r\n                <el-date-picker v-model=\"form[it.id]\" type=\"date\" placeholder=\"\" value-format=\"YYYY-MM-DD\" format=\"YYYY-MM-DD\" />\r\n              </template>\r\n\r\n              <template v-else-if=\"it.id === 'Country'\">\r\n                <el-select v-suggest-off clearable v-model=\"form[it.id]\" style=\"width: 100%\" filterable @change=\"handleAreaChange(form)\">\r\n                  <el-option v-for=\"it in Area.countries\" :key=\"it.ID\" :label=\"it.Title[locale]\" :value=\"it.Title[locale]\"></el-option>\r\n                </el-select>\r\n              </template>\r\n              <template v-else-if=\"it.id === 'State'\">\r\n                <el-select v-suggest-off clearable v-if=\"form.Country && Area.states.length\" v-model=\"form.State\" style=\"width: 100%\" filterable @change=\"handleAreaChange(form)\">\r\n                  <el-option v-for=\"it in Area.states\" :key=\"it.ID\" :label=\"it.Title[locale]\" :value=\"it.Title[locale]\"></el-option>\r\n                </el-select>\r\n                <el-input v-suggest-off v-else v-model=\"form.State\" placeholder=\"\"></el-input>\r\n              </template>\r\n              <template v-else-if=\"it.id === 'City'\">\r\n                <el-select v-suggest-off clearable v-if=\"form.Country && form.State && Area.cities.length\" v-model=\"form.City\" style=\"width: 100%\" filterable @change=\"handleAreaChange(form)\">\r\n                  <el-option v-for=\"it in Area.cities\" :key=\"it.ID\" :label=\"it.Title[locale]\" :value=\"it.Title[locale]\"></el-option>\r\n                </el-select>\r\n                <el-input v-suggest-off v-else v-model=\"form.City\" placeholder=\"\"></el-input>\r\n              </template>\r\n\r\n              <template v-else-if=\"it.id === 'District'\">\r\n                <el-select v-suggest-off clearable v-if=\"form.Country && form.State && form.City && Area.districts.length\" v-model=\"form.District\" style=\"width: 100%\" filterable>\r\n                  <el-option v-for=\"it in Area.districts\" :key=\"it.ID\" :label=\"it.Title[locale]\" :value=\"it.Title[locale]\"></el-option>\r\n                </el-select>\r\n\r\n                <el-input v-suggest-off v-else v-model=\"form.District\" placeholder=\"\"></el-input>\r\n              </template>\r\n\r\n              <template v-else>\r\n                <el-input v-suggest-off v-model=\"form[it.id]\" />\r\n              </template>\r\n\r\n              <div v-if=\"!(it.id === 'Gender' && genderList.length > 1||it.id === 'Title' && titleList.length > 1) && it.remark\" style=\"color: #777; font-size: 12px; line-height: 18px; padding-top: 3px\">\r\n                {{ it.remark }}\r\n              </div>\r\n            </el-form-item>\r\n          </el-col>\r\n        </template>\r\n      </el-row>\r\n    </el-form>\r\n  </VRegisterApp>\r\n</template>\r\n\r\n<script setup>\r\n  import VRegisterApp from '../app/index.vue'\r\n  import { onMounted, ref, inject, computed, reactive } from 'vue'\r\n  import { ArrowDown, ArrowUp } from '@element-plus/icons-vue'\r\n  import { useRouter } from 'vue-router'\r\n  import { ElMessage, ElLoading } from 'element-plus'\r\n  import { personal } from '@/api/registration'\r\n  import { getArea } from '@/api/common'\r\n  import { useAppStore } from '@/store/modules/app'\r\n  import { useI18n } from 'vue-i18n'\r\n  import UploadImage from '@/components/UploadImage'\r\n  import UploadFile from '@/components/UploadFile'\r\n\r\n  import { useUserStore } from '@/store/modules/user'\r\n  const { t, te } = useI18n()\r\n\r\n  const router = useRouter()\r\n  const pageConfig = ref({})\r\n  const form = ref({})\r\n  const formRefs = ref(null)\r\n  const information = ref({})\r\n  const { area } = useAppStore()\r\n\r\n  const $event = inject('$event')\r\n  const $steps = inject('$steps')\r\n  const $area = ref([])\r\n\r\n  const Area = reactive({\r\n    countries: [],\r\n    states: [],\r\n    cities: [],\r\n    districts: [],\r\n  })\r\n\r\n  const locale = computed(() => {\r\n    if ($event.Language == 2) return 1\r\n    return 0\r\n  })\r\n\r\n  const handleAreaChange = ({ Country, State, City }) => {\r\n    if (Country) {\r\n      Area.states = (area.find((x) => x.Title[0] === Country || x.Title[1] === Country || x.Title[2] === Country) || { children: [] }).children || []\r\n      console.log('handleAreaChange', Area.states)\r\n      Area.cities = []\r\n      Area.districts = []\r\n      if (State) {\r\n        Area.cities = (Area.states.find((x) => x.Title[0] === State || x.Title[1] === State || x.Title[2] === State) || { children: [] }).children || []\r\n        if (City) {\r\n          Area.districts = (Area.cities.find((x) => x.Title[0] === City || x.Title[1] === City || x.Title[2] === City) || { children: [] }).children || []\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  //\r\n\r\n  const current = computed(() => {\r\n    for (var g of $steps.value) {\r\n      if (g.Name == 'personal') {\r\n        return g\r\n      }\r\n    }\r\n    return null\r\n  })\r\n\r\n  const handleMounted = async (val) => {\r\n    pageConfig.value = val.pageConfig\r\n    information.value = val.information\r\n    form.value = information.value.data //\r\n\r\n    //$area.value = Object.freeze(data)\r\n    Area.countries = area.map((x) => {\r\n      return {\r\n        ID: x.ID,\r\n        Title: x.Title,\r\n      }\r\n    })\r\n    handleAreaChange(form.value)\r\n  }\r\n  const handleNext = () => {\r\n    formRefs.value.validate(async (valid, fields) => {\r\n      if (!valid) {\r\n        for (var g in fields) {\r\n          ElMessage({\r\n            message: fields[g][0].message + '',\r\n            type: 'error',\r\n          })\r\n          break\r\n        }\r\n        return\r\n      }\r\n      const loadingInstance = ElLoading.service({ fullscreen: true })\r\n      try {\r\n        const { data } = await personal(form.value)\r\n        const { setToken } = useUserStore()\r\n        setToken({ uid: data.uid })\r\n\r\n        router.push({ name: data.to })\r\n      } catch (e) {\r\n        //ElMessage({ message: e.msg, type: 'error' })\r\n      }\r\n      loadingInstance.close()\r\n    })\r\n  }\r\n\r\n  //\r\n  const genderList = computed(() => {\r\n    for (var it of pageConfig.value.fields) {\r\n      if (it.id === 'Gender' && it.remark) {\r\n        return it.remark.split(';').filter((x) => x)\r\n      }\r\n    }\r\n    return []\r\n  })\r\n\r\n\r\n  const titleList = computed(() => {\r\n    for (var it of pageConfig.value.fields) {\r\n      if (it.id === 'Title' && it.remark) {\r\n        return it.remark.split(';').filter((x) => x)\r\n      }\r\n    }\r\n    return []\r\n  })\r\n  const phoneValidator = (rule, value, callback) => {\r\n    var regex = /^1\\d{10}$/\r\n    if(rule.required){\r\n      if(!value){\r\n        callback(new Error(t('registration.form.phone-validator')))\r\n        return\r\n      }\r\n    }\r\n    if (value&&!regex.test(value)) {\r\n      callback(new Error(t('registration.form.phone-validator')))\r\n    } else {\r\n      callback()\r\n    }\r\n  }\r\n  const taxNoValidator = (rule, value, callback) => {\r\n    if (!value) {\r\n      callback()\r\n      return\r\n    }\r\n    if (value.length != 18) {\r\n      callback(new Error(t('registration.form.taxno-validator')))\r\n      return\r\n    }\r\n\r\n    callback()\r\n  }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped></style>\r\n","import script from \"./index.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./index.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__"],"sourceRoot":""}