{"version":3,"sources":["webpack:///./src/views/personalcenter/personal/index.vue","webpack:///./src/views/personalcenter/personal/index.vue?f480","webpack:///./src/views/personalcenter/personal/index.vue?9d58"],"names":["t","te","useI18n","area","useAppStore","$event","inject","Area","ref","reactive","countries","states","cities","districts","locale","computed","Language","pageConfig","fields","form","formRefs","mounted","handleAreaChange","Country","State","City","find","x","Title","children","console","log","onMounted","async","value","data","getPageConfig","z","getInformation","map","ID","handleSubmit","validate","valid","g","ElMessage","message","type","loadingInstance","ElLoading","service","fullscreen","personal","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-2cb262a4.cef19b3d.js","sourcesContent":["<template>\r\n  <div class=\"personal-container\">\r\n    <el-card>\r\n      <el-form :scroll-to-error=\"true\" ref=\"formRefs\" :model=\"form\" label-width=\"120px\" label-position=\"top\" v-if=\"mounted && 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\r\n        <el-form-item label=\"\" class=\"center\" style=\"margin-bottom: 0\">\r\n          <el-button type=\"primary\" @click=\"handleSubmit\">{{ $t('registration.btn.ok') }}</el-button>\r\n        </el-form-item>\r\n      </el-form>\r\n    </el-card>\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\n  import { ElMessage, ElLoading } from 'element-plus'\r\n\r\n  import { onMounted, ref, inject, reactive, computed } from 'vue'\r\n\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 { getInformation } from '@/api/registration'\r\n  import { getPageConfig, getSteps } from '@/api/config'\r\n\r\n  import UploadImage from '@/components/UploadImage'\r\n  import UploadFile from '@/components/UploadFile'\r\n\r\n  const { t, te } = useI18n()\r\n\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  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 pageConfig = ref({ fields: [] })\r\n  const form = ref({})\r\n  const formRefs = ref(null)\r\n  const mounted = ref(false)\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  onMounted(async () => {\r\n    mounted.value = false\r\n    const { data } = await getPageConfig('personal')\r\n    pageConfig.value = data\r\n    const { data: z } = await getInformation()\r\n    form.value = z.data\r\n\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    //\r\n\r\n    mounted.value = true\r\n  })\r\n\r\n  const handleSubmit = () => {\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        ElMessage({ message: t('registration.form.Success'), type: 'success' })\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  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  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\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>\r\n  .personal-container {\r\n    margin: 0;\r\n    overflow-y: auto;\r\n    max-height: 100%;\r\n    padding: 20px;\r\n  }\r\n  .el-card {\r\n    background: #ffffff;\r\n    box-shadow: 0px 0px 16px rgba(54, 63, 94, 0.08);\r\n    border-radius: 8px;\r\n    border-width: 0;\r\n    margin: 0;\r\n    max-width: 960px;\r\n    margin: 0 auto;\r\n  }\r\n  .el-form-item {\r\n    &.center {\r\n      :deep() {\r\n        .el-form-item__content {\r\n          display: flex;\r\n          justify-content: center;\r\n          align-items: center;\r\n        }\r\n      }\r\n    }\r\n  }\r\n</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\nimport \"./index.vue?vue&type=style&index=0&id=2eff99c5&lang=scss&scoped=true\"\n\nimport exportComponent from \"D:\\\\Projects\\\\Other\\\\EventMaster\\\\Dataleading3.0\\\\app\\\\app-web\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-2eff99c5\"]])\n\nexport default __exports__","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./index.vue?vue&type=style&index=0&id=2eff99c5&lang=scss&scoped=true\""],"sourceRoot":""}