|
@@ -8,9 +8,9 @@
|
|
:placeholder="$t('register.usernamePlaceholder')"
|
|
:placeholder="$t('register.usernamePlaceholder')"
|
|
:rules="[{ pattern: /^[a-zA-Z0-9]+$/, message: $t('register.usernameRequired') }]" />
|
|
:rules="[{ pattern: /^[a-zA-Z0-9]+$/, message: $t('register.usernameRequired') }]" />
|
|
<br>
|
|
<br>
|
|
- <van-field v-model="actualName" name="actualName" :label="$t('register.nameLabel')" placeholder="请输入真实姓名"
|
|
|
|
|
|
+ <!-- <van-field v-model="actualName" name="actualName" :label="$t('register.nameLabel')" placeholder="请输入真实姓名"
|
|
:rules="[{ required: true, message: '请输入真实姓名' }]" />
|
|
:rules="[{ required: true, message: '请输入真实姓名' }]" />
|
|
- <br>
|
|
|
|
|
|
+ <br> -->
|
|
<van-field v-model="password" name="password" type="password" :label="$t('register.passwordLabel')"
|
|
<van-field v-model="password" name="password" type="password" :label="$t('register.passwordLabel')"
|
|
:placeholder="$t('register.passwordPlaceholder')"
|
|
:placeholder="$t('register.passwordPlaceholder')"
|
|
:rules="[{ required: true, message: $t('register.passwordRequired') }]" />
|
|
:rules="[{ required: true, message: $t('register.passwordRequired') }]" />
|
|
@@ -21,7 +21,7 @@
|
|
<br>
|
|
<br>
|
|
<van-field v-model="identityCard" name="identityCard" label="身份证号" placeholder="请输入身份证号码"
|
|
<van-field v-model="identityCard" name="identityCard" label="身份证号" placeholder="请输入身份证号码"
|
|
:rules="[{ validator, message: '请输入合法的身份证号码' }]" /><br />
|
|
:rules="[{ validator, message: '请输入合法的身份证号码' }]" /><br />
|
|
- <!-- 收款账号payee_code不可修改 -->
|
|
|
|
|
|
+ <!-- 收款账号 payeeCode 不可修改 -->
|
|
<van-field v-model="payeeCode" name="payeeCode" label="收款账号" placeholder="请输入支付宝账户(不可修改)"
|
|
<van-field v-model="payeeCode" name="payeeCode" label="收款账号" placeholder="请输入支付宝账户(不可修改)"
|
|
:rules="[{ required: true, message: '请输入支付宝账户' }]" />
|
|
:rules="[{ required: true, message: '请输入支付宝账户' }]" />
|
|
<br />
|
|
<br />
|
|
@@ -32,9 +32,11 @@
|
|
:rules="[{ required: true, pattern: /^1[3456789]\d{9}$/, message: $t('register.phoneRequired') }]" />
|
|
:rules="[{ required: true, pattern: /^1[3456789]\d{9}$/, message: $t('register.phoneRequired') }]" />
|
|
<br />
|
|
<br />
|
|
<!-- 短信验证码 -->
|
|
<!-- 短信验证码 -->
|
|
- <van-field v-model="code" name="code" :label="$t('register.codeLabel')"
|
|
|
|
|
|
+ <!-- <van-field v-model="code" name="code" :label="$t('register.codeLabel')"
|
|
:placeholder="$t('register.codePlaceholder')"
|
|
:placeholder="$t('register.codePlaceholder')"
|
|
- :rules="[{ required: true, message: $t('register.codeRequired') }]">
|
|
|
|
|
|
+ :rules="[{ required: true, message: $t('register.codeRequired') }]"> -->
|
|
|
|
+ <van-field v-model="code" name="code" :label="$t('register.codeLabel')"
|
|
|
|
+ :placeholder="$t('register.codePlaceholder')">
|
|
<template #button>
|
|
<template #button>
|
|
<van-button size="small" type="primary" @click="seedVerCode()"
|
|
<van-button size="small" type="primary" @click="seedVerCode()"
|
|
:disabled="time !== 0 || phone.length === 0" :loading=reqApi :loading-text="$t('register.sending')">{{
|
|
:disabled="time !== 0 || phone.length === 0" :loading=reqApi :loading-text="$t('register.sending')">{{
|
|
@@ -49,19 +51,27 @@
|
|
<van-field v-model="email" name="email" label="邮箱地址" placeholder="请输入邮箱地址"
|
|
<van-field v-model="email" name="email" label="邮箱地址" placeholder="请输入邮箱地址"
|
|
:rules="[{ required: true, message: '请输入邮箱地址' }]" /><br />
|
|
:rules="[{ required: true, message: '请输入邮箱地址' }]" /><br />
|
|
|
|
|
|
- <!-- 入职日期hire_date -->
|
|
|
|
|
|
+ <!-- 入职日期 hireDate -->
|
|
<van-field v-model="hireDate" is-link readonly name="hireDate" label="入职日期" placeholder="请选择入职日期"
|
|
<van-field v-model="hireDate" is-link readonly name="hireDate" label="入职日期" placeholder="请选择入职日期"
|
|
@click="showPicker = true" />
|
|
@click="showPicker = true" />
|
|
<van-popup v-model:show="showPicker" position="bottom">
|
|
<van-popup v-model:show="showPicker" position="bottom">
|
|
<van-date-picker @confirm="onConfirm" @cancel="showPicker = false"></van-date-picker>
|
|
<van-date-picker @confirm="onConfirm" @cancel="showPicker = false"></van-date-picker>
|
|
</van-popup>
|
|
</van-popup>
|
|
<br />
|
|
<br />
|
|
- <!-- 部门名称dept_name -->
|
|
|
|
- <van-field v-model="deptName" name="deptName" label="部门名称" placeholder="请输入部门名称"
|
|
|
|
- :rules="[{ required: true, message: '请输入部门名称' }]" /><br />
|
|
|
|
- <!-- 岗位名称job_name -->
|
|
|
|
- <van-field v-model="jobName" name="jobName" label="岗位名称" placeholder="请输入岗位名称"
|
|
|
|
- :rules="[{ required: true, message: '请输入岗位名称' }]" />
|
|
|
|
|
|
+ <!-- 部门id deptName -->
|
|
|
|
+ <van-field v-model="deptName" is-link readonly name="deptName" label="部门名称" placeholder="点击选择部门名称"
|
|
|
|
+ @click="showDeptPicker = true" />
|
|
|
|
+ <van-popup v-model:show="showDeptPicker" position="bottom">
|
|
|
|
+ <van-picker :columns="deptColumns" @confirm="onDeptConfirm" @cancel="showDeptPicker = false" />
|
|
|
|
+ </van-popup>
|
|
|
|
+
|
|
|
|
+ <!-- 岗位id jobName -->
|
|
|
|
+ <van-field v-model="jobName" is-link readonly name="jobName" label="岗位名称" placeholder="点击选择岗位名称"
|
|
|
|
+ @click="showJobPicker = true" />
|
|
|
|
+ <van-popup v-model:show="showJobPicker" position="bottom">
|
|
|
|
+ <van-picker :columns="jobColumns" @confirm="onJobConfirm" @cancel="showJobPicker = false" />
|
|
|
|
+ </van-popup>
|
|
|
|
+
|
|
<!-- 提交验证信息 -->
|
|
<!-- 提交验证信息 -->
|
|
<van-button round type="primary" class="register" native-type="submit">{{
|
|
<van-button round type="primary" class="register" native-type="submit">{{
|
|
$t('register.registerButton')
|
|
$t('register.registerButton')
|
|
@@ -79,7 +89,7 @@
|
|
import md5 from 'js-md5';
|
|
import md5 from 'js-md5';
|
|
import { ref, onMounted, reactive, toRefs } from 'vue';
|
|
import { ref, onMounted, reactive, toRefs } from 'vue';
|
|
import { showFailToast, showToast } from 'vant';
|
|
import { showFailToast, showToast } from 'vant';
|
|
-import { sentRegisterCode, tAdminSave } from '@/service/login/register';
|
|
|
|
|
|
+import { sentRegisterCode, addUserApply } from '@/service/login/register';
|
|
import sHeader from '@/components/SimpleHeader';
|
|
import sHeader from '@/components/SimpleHeader';
|
|
import logiLogoImgUrl from "@/assets/login/logo.png";
|
|
import logiLogoImgUrl from "@/assets/login/logo.png";
|
|
import { useRouter } from 'vue-router';
|
|
import { useRouter } from 'vue-router';
|
|
@@ -92,7 +102,7 @@ export default {
|
|
const { t } = useI18n();
|
|
const { t } = useI18n();
|
|
const active = ref(0);
|
|
const active = ref(0);
|
|
const userName = ref('');
|
|
const userName = ref('');
|
|
- const actualName = ref('');
|
|
|
|
|
|
+ // const actualName = ref('');
|
|
const password = ref('');
|
|
const password = ref('');
|
|
const passwordCheck = ref('');
|
|
const passwordCheck = ref('');
|
|
const identityCard = ref('');
|
|
const identityCard = ref('');
|
|
@@ -101,13 +111,43 @@ export default {
|
|
const code = ref('');
|
|
const code = ref('');
|
|
const email = ref('');
|
|
const email = ref('');
|
|
const hireDate = ref('');
|
|
const hireDate = ref('');
|
|
- const deptName = ref('');
|
|
|
|
- const jobName = ref('');
|
|
|
|
const verifyRef = ref(null);
|
|
const verifyRef = ref(null);
|
|
const verCodeTime = reactive({
|
|
const verCodeTime = reactive({
|
|
time: 0
|
|
time: 0
|
|
});
|
|
});
|
|
|
|
|
|
|
|
+ const deptId = ref('');
|
|
|
|
+ const deptName = ref('');
|
|
|
|
+ const showDeptPicker = ref(false);
|
|
|
|
+ const deptColumns = [
|
|
|
|
+ { text: '研发部', value: '1' },
|
|
|
|
+ { text: '生产部', value: '2' },
|
|
|
|
+ { text: '营销部', value: '3' },
|
|
|
|
+ { text: '售后', value: '4' },
|
|
|
|
+ { text: '行政部', value: '5' },
|
|
|
|
+ ];
|
|
|
|
+ const onDeptConfirm = ({ selectedOptions }) => {
|
|
|
|
+ deptName.value = selectedOptions[0]?.text;
|
|
|
|
+ deptId.value = selectedOptions[0]?.value;
|
|
|
|
+ showDeptPicker.value = false;
|
|
|
|
+ };
|
|
|
|
+
|
|
|
|
+ const jobId = ref('');
|
|
|
|
+ const jobName = ref('');
|
|
|
|
+ const showJobPicker = ref(false);
|
|
|
|
+ const jobColumns = [
|
|
|
|
+ { text: '电器工程师', value: '1' },
|
|
|
|
+ { text: '结构工程师', value: '2' },
|
|
|
|
+ { text: '软件工程师', value: '3' },
|
|
|
|
+ { text: '售后', value: '4' },
|
|
|
|
+ { text: '财务', value: '5' },
|
|
|
|
+ ];
|
|
|
|
+ const onJobConfirm = ({ selectedOptions }) => {
|
|
|
|
+ jobName.value = selectedOptions[0]?.text;
|
|
|
|
+ jobId.value = selectedOptions[0]?.value;
|
|
|
|
+ showJobPicker.value = false;
|
|
|
|
+ };
|
|
|
|
+
|
|
const router = useRouter();
|
|
const router = useRouter();
|
|
const reqApi = ref(false);
|
|
const reqApi = ref(false);
|
|
|
|
|
|
@@ -125,9 +165,10 @@ export default {
|
|
showFailToast(t('register.twoTypedDiff'));
|
|
showFailToast(t('register.twoTypedDiff'));
|
|
return false;
|
|
return false;
|
|
}
|
|
}
|
|
- const { data } = await tAdminSave({
|
|
|
|
|
|
+ console.log(jobId.value, '哈哈哈', deptId.value);
|
|
|
|
+ const { data } = await addUserApply({
|
|
userName: userName.value,
|
|
userName: userName.value,
|
|
- actualName: actualName.value,
|
|
|
|
|
|
+ // actualName: actualName.value,
|
|
password: md5(password.value),
|
|
password: md5(password.value),
|
|
identityCard: identityCard.value,
|
|
identityCard: identityCard.value,
|
|
payeeCode: payeeCode.value,
|
|
payeeCode: payeeCode.value,
|
|
@@ -135,8 +176,8 @@ export default {
|
|
code: code.value,
|
|
code: code.value,
|
|
email: email.value,
|
|
email: email.value,
|
|
hireDate: hireDate.value,
|
|
hireDate: hireDate.value,
|
|
- deptName: deptName.value,
|
|
|
|
- jobName: jobName.value
|
|
|
|
|
|
+ jobId: jobId.value,
|
|
|
|
+ deptId: deptId.value,
|
|
});
|
|
});
|
|
|
|
|
|
if (data.code === '00000') {
|
|
if (data.code === '00000') {
|
|
@@ -200,7 +241,7 @@ export default {
|
|
...toRefs(verCodeTime),
|
|
...toRefs(verCodeTime),
|
|
logiLogoImgUrl,
|
|
logiLogoImgUrl,
|
|
userName,
|
|
userName,
|
|
- actualName,
|
|
|
|
|
|
+ // actualName,
|
|
password,
|
|
password,
|
|
passwordCheck,
|
|
passwordCheck,
|
|
phone,
|
|
phone,
|
|
@@ -218,10 +259,17 @@ export default {
|
|
showPicker,
|
|
showPicker,
|
|
identityCard,
|
|
identityCard,
|
|
payeeCode,
|
|
payeeCode,
|
|
|
|
+ hireDate,
|
|
|
|
+ deptId,
|
|
deptName,
|
|
deptName,
|
|
|
|
+ jobId,
|
|
jobName,
|
|
jobName,
|
|
- hireDate
|
|
|
|
-
|
|
|
|
|
|
+ showDeptPicker,
|
|
|
|
+ deptColumns,
|
|
|
|
+ onDeptConfirm,
|
|
|
|
+ showJobPicker,
|
|
|
|
+ jobColumns,
|
|
|
|
+ onJobConfirm
|
|
}
|
|
}
|
|
},
|
|
},
|
|
components: { sHeader }
|
|
components: { sHeader }
|