YD/YD_Event.Web
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

【人员管理】-领队管理/教练管理 护照和身份证认证

Browse Source
This commit is contained in:
马梓彭 2026-03-30 19:21:08 +08:00
parent 589e6138f9
commit 22dd33b8c1
4 changed files with 196 additions and 248 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/api/match/appuser.js
View File

@ -103,7 +103,7 @@ export const appuserLeaderSavePost = (data) => {
* @param {string} [data.remark] - 备注 * @param {string} [data.remark] - 备注
*/ */
export const appuserCoachSavePost = (data) => { export const appuserCoachSavePost = (data) => {
return http.post('/appuser/member/save', {data , personType: 2}); return http.post('/appuser/member/save', { ...data, personType: 2});
}; };
/** /**

22
src/views/team/athlete/index.vue
View File

@ -117,10 +117,10 @@
v-if="isShowDialog"> v-if="isShowDialog">
<!-- 证件类型选择 --> <!-- 证件类型选择 -->
<el-form-item label="证件类型"> <el-form-item label="运动员身份证认证">
<el-radio-group v-model="ocrType"> <el-radio-group v-model="ocrType">
<el-radio label="idcard">身份证</el-radio> <el-radio label="idcard">身份证认证</el-radio>
<el-radio label="passport">护照</el-radio> <el-radio label="passport">护照认证</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
@ -139,23 +139,23 @@
</el-form-item> </el-form-item>
<!-- 教练姓名 --> <!-- 运动员姓名 -->
<el-form-item label="姓名" prop="name"> <el-form-item label="姓名" prop="name">
<el-input v-model="formData.name" disabled placeholder="请输入教练姓名"></el-input> <el-input v-model="formData.name" disabled placeholder="请输入运动员姓名"></el-input>
</el-form-item> </el-form-item>
<!-- 性别 --> <!-- 性别 -->
<el-form-item label="性别" prop="gender"> <el-form-item label="性别" prop="gender">
<el-tag :type="formData.gender === 0 ? '' : formData.gender === 1 ? 'success' : 'danger'"> <el-tag :type="formData.gender === 0 ? '' : formData.gender === 1 ? 'success' : 'danger'">
{{ formData.gender === 0 ? '男' : formData.gender === 1 ? '女' : '保密' }}</el-tag> {{ formData.gender === 0 ? '男' : formData.gender === 1 ? '女' : '保密' }}</el-tag>
</el-form-item> </el-form-item>
<el-form-item label="出生日期" prop="birthDate"> <el-form-item v-if="ocrType === 'idcard'" label="身份证号" prop="idCardNumber">
<el-input v-model="formData.birthDate" placeholder="请选择出生日期" disabled></el-input> <el-input v-model="formData.idCardNumber" disabled placeholder="请输入身份证号"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="身份证号" prop="idCardNumber"> <el-form-item v-if="ocrType === 'passport'" label="出生日期" prop="birthDate">
<el-input v-model="formData.idCardNumber" disabled placeholder="请输入身份证号"></el-input> <el-input v-model="formData.birthDate" placeholder="请选择出生日期" disabled></el-input>
</el-form-item> </el-form-item>
<!-- 联系电话 --> <!-- 联系电话 -->

179
src/views/team/leader/index.vue
View File

@ -3,22 +3,26 @@
<ProTable ref="tableRef" :request-api="appuserLeaderPageGet" :columns="columns" :pagination="true" <ProTable ref="tableRef" :request-api="appuserLeaderPageGet" :columns="columns" :pagination="true"
:tool-button="true" :initParam="initParam"> :tool-button="true" :initParam="initParam">
<template #tools> <template #tools>
<el-button type="primary" @click="onOpenMenu()"> 新增 </el-button> <el-button type="primary" @click="onOpenMenu()"> 新增 </el-button>
</template> </template>
<template #index="scope"> <template #index="scope">
{{ scope.$index + 1 }} {{ scope.$index + 1 }}
</template> </template>
<template #idCardImageUrl="scope"> <template #idCardImageUrl="scope">
<el-image :src="scope.row.idCardImageUrl" style="min-width: 100px; "/> <el-image :src="scope.row.idCardImageUrl" style="width: 100px; " fit="cover" />
</template>
<template #auditStatus="scope">
<el-tag :type="statusList[scope.row.auditStatus]">
{{ scope.row.auditStatus == 1 ? '待审核' : scope.row.auditStatus == 2 ? '审核通过' : scope.row.auditStatus == 3 ? '审核不通过' : '' }}
</el-tag>
</template> </template>
<template #action="scope"> <template #action="scope">
<el-button icon="ele-Edit" size="small" text type="primary" <el-button icon="ele-Edit" size="small" text type="primary" @click="onOpenMenu(scope.row)">
@click="onOpenMenu(scope.row)"> 编辑 </el-button> 编辑 </el-button>
<el-popconfirm title="确认删除吗？" @confirm="onDeleteMenu(scope.row.id)"> <el-popconfirm title="确认删除吗？" @confirm="onDeleteMenu(scope.row.id)">
<template #reference> <template #reference>
<el-button icon="ele-Delete" size="small" text type="danger"> 删除 <el-button icon="ele-Delete" size="small" text type="danger"> 删除
</el-button> </el-button>
</template> </template>
</el-popconfirm> </el-popconfirm>
@ -26,9 +30,9 @@
</ProTable> </ProTable>
<!-- 弹窗 --> <!-- 弹窗 -->
<el-dialog :title="dialogTitle" v-model="isShowDialog"> <el-dialog :title="dialogTitle" v-model="isShowDialog" width="800px">
<el-form ref="formRef" :model="formData" :rules="formRules" label-width="120px" <el-form ref="formRef" :model="formData" :rules="formRules" label-width="200px" style="margin-bottom: 30px;"
style="max-width: 600px;margin-bottom: 30px;" v-if="isShowDialog"> v-if="isShowDialog">
<!-- 领队姓名 --> <!-- 领队姓名 -->
<el-form-item label="领队姓名" prop="name"> <el-form-item label="领队姓名" prop="name">
@ -38,38 +42,18 @@
<!-- 年龄 --> <!-- 年龄 -->
<el-form-item label="年龄" prop="age"> <el-form-item label="年龄" prop="age">
<el-input v-model="formData.age" placeholder="请输入年龄"></el-input> <el-input v-model="formData.age" placeholder="请输入年龄"></el-input>
<!-- <el-date-picker v-model="formData.age" type="date" placeholder="请选择出生日期" style="width: 100%;"></el-date-picker> -->
</el-form-item> </el-form-item>
<!-- 身份证 -->
<!-- <el-form-item label="身份证照片" prop="idCardImageUrl">
<el-upload
class="avatar-uploader"
action="/api/file/upload"
:show-file-list="false"
:on-success="handleAvatarSuccess"
:before-upload="beforeAvatarUpload"
>
<img v-if="formData.idCardImageUrl" :src="formData.idCardImageUrl" style="height: 100px;" class="avatar" />
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
</el-upload>
</el-form-item> -->
<!-- 身份证号 -->
<!-- <el-form-item label="身份证号" prop="idCard">
<el-input v-model="formData.idCard" placeholder="请输入身份证号"></el-input>
</el-form-item> -->
<!-- 性别 --> <!-- 性别 -->
<el-form-item label="性别" prop="gender"> <el-form-item label="性别" prop="gender">
<el-select v-model="formData.gender" placeholder="请选择性别"> <el-select v-model="formData.gender" placeholder="请选择性别">
<el-option label="男" :value="1"></el-option> <el-option label="男" :value="0"></el-option>
<el-option label="女" :value="0"></el-option> <el-option label="女" :value="1"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 联系电话 --> <!-- 联系电话 -->
<el-form-item label="联系电话" prop="mobile"> <el-form-item label="联系方式" prop="mobile">
<el-input v-model="formData.mobile" placeholder="请输入联系电话" class="fee-input"> <el-input v-model="formData.mobile" placeholder="请输入联系电话" class="fee-input">
</el-input> </el-input>
</el-form-item> </el-form-item>
@ -88,26 +72,32 @@
<script setup name="sysMenu"> <script setup name="sysMenu">
import { defineAsyncComponent, ref, reactive } from 'vue'; import { defineAsyncComponent, ref, reactive } from 'vue';
import { ElMessage, ElForm } from 'element-plus'; import { ElMessage, ElForm } from 'element-plus';
import SysMenuApi from '/@/api/SysMenuApi';
import { auths } from '/@/utils/authFunction';
import ProTable from '/@/components/ProTable/index.vue'; import ProTable from '/@/components/ProTable/index.vue';
import { appuserLeaderPageGet ,appuserLeaderSavePost , appuserMemberDeletePost} from '/@/api/match/appuser'; import { appuserLeaderPageGet, appuserLeaderSavePost, appuserMemberDeletePost } from '/@/api/match/appuser';
// 定义表单引用类型 // 定义表单引用类型
const formRef = ref(); const formRef = ref();
const initParam = ref({ const initParam = ref({
refresh: true, refresh: true,
personType:3 personType: 3
}); });
const formData = ref({
const getDefaultFormData = () => ({
id: undefined,
name: '', name: '',
age: '', age: '',
gender: '', gender: '',
mobile: '', mobile: '',
// idCardImageUrl: '', });
// idCard: '',
const statusList = ref({
1: 'info',
2: 'success',
3: 'danger',
}) })
const formData = ref(getDefaultFormData())
const formRules = ref({ const formRules = ref({
name: [ name: [
{ required: true, message: '请输入领队姓名', trigger: 'blur' } { required: true, message: '请输入领队姓名', trigger: 'blur' }
@ -121,17 +111,12 @@ const formRules = ref({
mobile: [ mobile: [
{ required: true, message: '请输入联系电话', trigger: 'blur' } { required: true, message: '请输入联系电话', trigger: 'blur' }
], ],
idCardImageUrl: [
{ required: true, message: '请上传身份证', trigger: 'change' }
],
idCard: [
{ required: true, message: '请输入身份证号', trigger: 'blur' }
]
}); });
const columns = ref([ const columns = ref([
{ prop: 'index', label: '序号', align: 'center', }, { prop: 'index', label: '序号', align: 'center', },
{ prop: 'name', label: '领队姓名', search: { el: 'input' } }, { prop: 'name', label: '领队姓名', search: { el: 'input' } },
{ prop: 'age', label: '年龄' },
{ {
prop: 'gender', label: '性别', search: { prop: 'gender', label: '性别', search: {
el: 'select', el: 'select',
@ -142,8 +127,7 @@ const columns = ref([
{ label: '女', value: 1 }, { label: '女', value: 1 },
], ],
}, },
{ prop: 'mobile', label: '联系电话' , search: { el: 'input' }}, { prop: 'mobile', label: '联系电话', search: { el: 'input' } },
// { prop: 'idCardImageUrl', label: '身份证' },
{ prop: 'action', label: '操作', align: 'center', fixed: 'right' }, { prop: 'action', label: '操作', align: 'center', fixed: 'right' },
]); ]);
@ -151,29 +135,25 @@ const columns = ref([
const isShowDialog = ref(false); const isShowDialog = ref(false);
const dialogTitle = ref('新增'); const dialogTitle = ref('新增');
const onOpenMenu = (id) => { const onOpenMenu = (row) => {
dialogTitle.value = id ? '编辑' : '新增'; dialogTitle.value = row ? '编辑' : '新增';
formData.value = { formData.value = getDefaultFormData();
name: '', if (row && typeof row === 'object') {
age: '', formData.value = {
gender: '', ...getDefaultFormData(),
mobile: '', id: row.id,
idCardUrl: '', name: row.name ?? '',
idCard: '', age: row.age ?? '',
}; gender: row.gender !== undefined && row.gender !== null ? String(row.gender) : '',
if (id) { mobile: row.mobile ?? '',
// 编辑 };
// const menu = tableRef.value.getRowData(id);
formData.value = id;
formData.value.mobile = id.mobile;
formData.value.idCard = id.idCardNumber;
} }
isShowDialog.value = true; isShowDialog.value = true;
}; };
//删除菜单 //删除菜单
const onDeleteMenu = async (id) => { const onDeleteMenu = async (id) => {
const { succeeded, errors } = await appuserMemberDeletePost( id); const { succeeded, errors } = await appuserMemberDeletePost(id);
if (succeeded) { if (succeeded) {
initParam.value.refresh = !initParam.value.refresh; initParam.value.refresh = !initParam.value.refresh;
ElMessage.success('删除成功'); ElMessage.success('删除成功');
@ -182,37 +162,28 @@ const onDeleteMenu = async (id) => {
} }
}; };
const handleAvatarSuccess = (response,
uploadFile) => {
formData.value.idCardUrl = response[0].url;
}
// 表单提交 // 表单提交
const onSubmit = () => { const onSubmit = () => {
if (!formRef.value) return; if (!formRef.value) return;
formRef.value.validate(async (valid) => { formRef.value.validate(async (valid) => {
if (!valid) return; if (!valid) return;
try { try {
let res; const payload = {
if (formData.value.id) { ...formData.value,
res = await appuserLeaderSavePost(formData.value); gender: formData.value.gender !== undefined && formData.value.gender !== null ? Number(formData.value.gender) : '',
} else { mobile: formData.value.mobile,
res = await appuserLeaderSavePost(formData.value); };
} const res = await appuserLeaderSavePost(payload);
if (res.succeeded) { if (res.succeeded) {
ElMessage.success(dialogTitle.value + '成功'); ElMessage.success(dialogTitle.value + '成功');
initParam.value.refresh = !initParam.value.refresh; // 刷新表格
isShowDialog.value = false; isShowDialog.value = false;
initParam.value.refresh = !initParam.value.refresh;
} else { } else {
ElMessage.error(res.errors); ElMessage.error(res.errors || res.msg || dialogTitle.value + '失败');
} }
} catch (error) { } catch (error) {
ElMessage.error(dialogTitle.value + '失败');
console.error(error); console.error(error);
} }
}); });
@ -227,48 +198,4 @@ const onCancel = () => {
.dialog-footer { .dialog-footer {
margin-top: 80px; margin-top: 80px;
} }
/* 时长组合框样式 */
.duration-row {
display: flex;
align-items: center;
gap: 8px;
}
.duration-row .el-input {
width: 120px;
}
.duration-separator {
color: #606266;
font-size: 14px;
}
.duration-label {
color: #909399;
font-size: 14px;
}
</style> </style>
<style>
.avatar-uploader .el-upload {
border: 1px dashed var(--el-border-color);
border-radius: 6px;
cursor: pointer;
position: relative;
overflow: hidden;
transition: var(--el-transition-duration-fast);
}
.avatar-uploader .el-upload:hover {
border-color: var(--el-color-primary);
}
.el-icon.avatar-uploader-icon {
font-size: 28px;
color: #8c939d;
width: 178px;
height: 178px;
text-align: center;
}
</style>

241
src/views/team/trainer/index.vue
View File

@ -3,22 +3,26 @@
<ProTable ref="tableRef" :request-api="appuserCoachPageGet" :columns="columns" :pagination="true" <ProTable ref="tableRef" :request-api="appuserCoachPageGet" :columns="columns" :pagination="true"
:tool-button="true" :initParam="initParam"> :tool-button="true" :initParam="initParam">
<template #tools> <template #tools>
<el-button type="primary" @click="onOpenMenu()"> 新增 </el-button> <el-button type="primary" @click="onOpenMenu()"> 新增 </el-button>
</template> </template>
<template #index="scope"> <template #index="scope">
{{ scope.$index + 1 }} {{ scope.$index + 1 }}
</template> </template>
<template #idCardImageUrl="scope"> <template #idCardImageUrl="scope">
<el-image :src="scope.row.idCardImageUrl" style="min-width: 100px; "/> <el-image :src="scope.row.idCardImageUrl" style="width: 100px; " fit="cover" />
</template>
<template #auditStatus="scope">
<el-tag :type="statusList[scope.row.auditStatus]">
{{ scope.row.auditStatus == 1 ? '待审核' : scope.row.auditStatus == 2 ? '审核通过' : scope.row.auditStatus == 3 ? '审核不通过' : '' }}
</el-tag>
</template> </template>
<template #action="scope"> <template #action="scope">
<el-button icon="ele-Edit" size="small" text type="primary" <el-button icon="ele-Edit" size="small" text type="primary" @click="onOpenMenu(scope.row)">
@click="onOpenMenu(scope.row)"> 编辑 </el-button> 编辑 </el-button>
<el-popconfirm title="确认删除吗？" @confirm="onDeleteMenu(scope.row.id)"> <el-popconfirm title="确认删除吗？" @confirm="onDeleteMenu(scope.row.id)">
<template #reference> <template #reference>
<el-button icon="ele-Delete" size="small" text type="danger"> 删除 <el-button icon="ele-Delete" size="small" text type="danger"> 删除
</el-button> </el-button>
</template> </template>
</el-popconfirm> </el-popconfirm>
@ -26,50 +30,53 @@
</ProTable> </ProTable>
<!-- 弹窗 --> <!-- 弹窗 -->
<el-dialog :title="dialogTitle" v-model="isShowDialog"> <el-dialog :title="dialogTitle" v-model="isShowDialog" width="800px">
<el-form ref="formRef" :model="formData" :rules="formRules" label-width="120px" <el-form ref="formRef" :model="formData" :rules="formRules" label-width="200px" style="margin-bottom: 30px;"
style="max-width: 600px;margin-bottom: 30px;" v-if="isShowDialog"> v-if="isShowDialog">
<!-- 证件类型选择 -->
<el-form-item label="运动员身份证认证">
<el-radio-group v-model="ocrType">
<el-radio label="idcard">身份证认证</el-radio>
<el-radio label="passport">护照认证</el-radio>
</el-radio-group>
</el-form-item>
<!-- 证件照片上传 -->
<el-form-item :label="ocrType === 'passport' ? '护照照片' : '身份证照片'" prop="idCardImageUrl">
<el-upload class="avatar-uploader" action="/api/file/upload" :show-file-list="false"
:on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
<img v-if="formData.idCardImageUrl" :src="formData.idCardImageUrl" class="avatar" style="height: 150px;" />
<el-icon v-else class="avatar-uploader-icon">
<Plus />
</el-icon>
</el-upload>
<div style="color: #909399; font-size: 12px; margin-top: 4px;">
请先选择证件类型，再上传对应的证件照片进行识别
</div>
</el-form-item>
<!-- 教练姓名 --> <!-- 教练姓名 -->
<el-form-item label="教练姓名" prop="name"> <el-form-item label="姓名" prop="name">
<el-input v-model="formData.name" placeholder="请输入教练姓名"></el-input> <el-input v-model="formData.name" disabled placeholder="请输入教练姓名"></el-input>
</el-form-item> </el-form-item>
<!-- 年龄 -->
<el-form-item label="年龄" prop="age">
<el-input v-model="formData.age" placeholder="请输入年龄"></el-input>
<!-- <el-date-picker v-model="formData.age" type="date" placeholder="请选择出生日期" style="width: 100%;"></el-date-picker> -->
</el-form-item>
<!-- 身份证 -->
<!-- <el-form-item label="身份证照片" prop="idCardImageUrl">
<el-upload
class="avatar-uploader"
action="/api/file/upload"
:show-file-list="false"
:on-success="handleAvatarSuccess"
:before-upload="beforeAvatarUpload"
>
<img v-if="formData.idCardImageUrl" :src="formData.idCardImageUrl" style="height: 100px;" class="avatar" />
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
</el-upload>
</el-form-item> -->
<!-- 身份证号 -->
<!-- <el-form-item label="身份证号" prop="idCard">
<el-input v-model="formData.idCard" placeholder="请输入身份证号"></el-input>
</el-form-item> -->
<!-- 性别 --> <!-- 性别 -->
<el-form-item label="性别" prop="gender"> <el-form-item label="性别" prop="gender">
<el-select v-model="formData.gender" placeholder="请选择性别"> <el-tag :type="formData.gender === 0 ? '' : formData.gender === 1 ? 'success' : 'danger'">
<el-option label="男" :value="1"></el-option> {{ formData.gender === 0 ? '男' : formData.gender === 1 ? '女' : '保密' }}</el-tag>
<el-option label="女" :value="0"></el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item v-if="ocrType === 'idcard'" label="身份证号" prop="idCardNumber">
<el-input v-model="formData.idCardNumber" disabled placeholder="请输入身份证号"></el-input>
</el-form-item>
<el-form-item v-if="ocrType === 'passport'" label="出生日期" prop="birthDate">
<el-input v-model="formData.birthDate" placeholder="请选择出生日期" disabled></el-input>
</el-form-item>
<!-- 联系电话 --> <!-- 联系电话 -->
<el-form-item label="联系电话" prop="mobile"> <el-form-item label="联系方式" prop="mobile">
<el-input v-model="formData.mobile" placeholder="请输入联系电话" class="fee-input"> <el-input v-model="formData.mobile" placeholder="请输入联系电话" class="fee-input">
</el-input> </el-input>
</el-form-item> </el-form-item>
@ -88,32 +95,44 @@
<script setup name="sysMenu"> <script setup name="sysMenu">
import { defineAsyncComponent, ref, reactive } from 'vue'; import { defineAsyncComponent, ref, reactive } from 'vue';
import { ElMessage, ElForm } from 'element-plus'; import { ElMessage, ElForm } from 'element-plus';
import SysMenuApi from '/@/api/SysMenuApi'; import { Plus } from '@element-plus/icons-vue';
import { auths } from '/@/utils/authFunction';
import ProTable from '/@/components/ProTable/index.vue'; import ProTable from '/@/components/ProTable/index.vue';
import { appuserCoachPageGet ,appuserLeaderSavePost , appuserMemberDeletePost} from '/@/api/match/appuser'; import { appuserCoachPageGet, appuserCoachSavePost, appuserMemberDeletePost, appuserAthleteOcrPost, appuserAthletePassportOcrPost } from '/@/api/match/appuser';
// 定义表单引用类型 // 定义表单引用类型
const formRef = ref(); const formRef = ref();
const initParam = ref({ const initParam = ref({
refresh: true, refresh: true,
personType:2 personType: 2
}); });
const formData = ref({
const getDefaultFormData = () => ({
id: undefined,
name: '', name: '',
age: '', idCardNumber: '',
gender: '', gender: '',
idCardImageUrl: '',
birthDate: '',
mobile: '', mobile: '',
// idCardImageUrl: '', });
// idCard: '',
const statusList = ref({
1: 'info',
2: 'success',
3: 'danger',
}) })
const formData = ref(getDefaultFormData())
// 证件识别类型：idcard-身份证，passport-护照
const ocrType = ref('idcard')
const formRules = ref({ const formRules = ref({
name: [ name: [
{ required: true, message: '请输入教练姓名', trigger: 'blur' } { required: true, message: '请输入教练姓名', trigger: 'blur' }
], ],
age: [ idCardNumber: [
{ required: true, message: '请输入年龄', trigger: 'change' } { required: true, message: '请输入身份证号', trigger: 'change' }
], ],
gender: [ gender: [
{ required: true, message: '请选择性别', trigger: 'change' } { required: true, message: '请选择性别', trigger: 'change' }
@ -121,12 +140,12 @@ const formRules = ref({
mobile: [ mobile: [
{ required: true, message: '请输入联系电话', trigger: 'blur' } { required: true, message: '请输入联系电话', trigger: 'blur' }
], ],
// idCardImageUrl: [ idCardImageUrl: [
// { required: true, message: '请上传身份证', trigger: 'change' } { required: true, message: '请上传证件照片', trigger: 'change' }
// ], ],
// idCard: [ birthDate: [
// { required: true, message: '请输入身份证号', trigger: 'blur' } { required: true, message: '请选择出生日期', trigger: 'change' }
// ] ],
}); });
const columns = ref([ const columns = ref([
@ -142,8 +161,8 @@ const columns = ref([
{ label: '女', value: 1 }, { label: '女', value: 1 },
], ],
}, },
{ prop: 'mobile', label: '联系电话' , search: { el: 'input' }}, { prop: 'idCardNumber', label: '身份证号/护照号' },
// { prop: 'idCardImageUrl', label: '身份证' }, { prop: 'mobile', label: '联系电话', search: { el: 'input' } },
{ prop: 'action', label: '操作', align: 'center', fixed: 'right' }, { prop: 'action', label: '操作', align: 'center', fixed: 'right' },
]); ]);
@ -151,29 +170,28 @@ const columns = ref([
const isShowDialog = ref(false); const isShowDialog = ref(false);
const dialogTitle = ref('新增'); const dialogTitle = ref('新增');
const onOpenMenu = (id) => { const onOpenMenu = (row) => {
dialogTitle.value = id ? '编辑' : '新增'; dialogTitle.value = row ? '编辑' : '新增';
formData.value = { formData.value = getDefaultFormData();
name: '', ocrType.value = 'idcard';
age: '', if (row && typeof row === 'object') {
gender: '', formData.value = {
mobile: '', ...getDefaultFormData(),
idCardUrl: '', id: row.id,
idCard: '', name: row.name ?? '',
}; idCardNumber: row.idCardNumber ?? '',
if (id) { gender: row.gender !== undefined && row.gender !== null ? String(row.gender) : '',
// 编辑 idCardImageUrl: row.idCardImageUrl ?? '',
// const menu = tableRef.value.getRowData(id); birthDate: row.birthDate ?? '',
formData.value = id; mobile: row.mobile ?? '',
formData.value.mobile = id.mobile; };
formData.value.idCard = id.idCardNumber;
} }
isShowDialog.value = true; isShowDialog.value = true;
}; };
//删除菜单 //删除菜单
const onDeleteMenu = async (id) => { const onDeleteMenu = async (id) => {
const { succeeded, errors } = await appuserMemberDeletePost( id); const { succeeded, errors } = await appuserMemberDeletePost(id);
if (succeeded) { if (succeeded) {
initParam.value.refresh = !initParam.value.refresh; initParam.value.refresh = !initParam.value.refresh;
ElMessage.success('删除成功'); ElMessage.success('删除成功');
@ -182,12 +200,36 @@ const onDeleteMenu = async (id) => {
} }
}; };
const handleAvatarSuccess = (response, const handleAvatarSuccess = async (response,
uploadFile) => { uploadFile) => {
formData.value.idCardUrl = response[0].url; const imageUrl = response[0].url;
const res = ocrType.value === 'passport'
? await appuserAthletePassportOcrPost(imageUrl)
: await appuserAthleteOcrPost(imageUrl);
if (res.succeeded) {
if (ocrType.value === 'passport') {
formData.value.name = res.data.name
formData.value.idCardNumber = res.data.passportNumber
formData.value.gender = res.data.gender == 'Male' ? 0 : 1
formData.value.idCardImageUrl = imageUrl
formData.value.birthDate = res.data.issueDateYmd
} else {
formData.value.name = res.data.name
formData.value.idCardNumber = res.data.idCardNumber
formData.value.gender = res.data.gender == '男' ? 0 : 1
formData.value.idCardImageUrl = imageUrl
formData.value.birthDate = res.data.birthDate
}
} else {
ElMessage.error('请上传正确的身份证/护照')
}
console.log(res)
} }
const beforeAvatarUpload = () => {
return true
}
// 表单提交 // 表单提交
@ -196,23 +238,23 @@ const onSubmit = () => {
formRef.value.validate(async (valid) => { formRef.value.validate(async (valid) => {
if (!valid) return; if (!valid) return;
try { try {
let res; const payload = {
if (formData.value.id) { ...formData.value,
res = await appuserLeaderSavePost(formData.value); gender: formData.value.gender !== undefined && formData.value.gender !== null ? Number(formData.value.gender) : '',
} else { mobile: formData.value.mobile,
res = await appuserLeaderSavePost(formData.value); idCardUrl: formData.value.idCardImageUrl,
} };
const res = await appuserCoachSavePost(payload);
if (res.succeeded) { if (res.succeeded) {
ElMessage.success(dialogTitle.value + '成功'); ElMessage.success(dialogTitle.value + '成功');
initParam.value.refresh = !initParam.value.refresh; // 刷新表格
isShowDialog.value = false; isShowDialog.value = false;
initParam.value.refresh = !initParam.value.refresh;
} else { } else {
ElMessage.error(res.errors); ElMessage.error(res.errors || res.msg || dialogTitle.value + '失败');
} }
} catch (error) { } catch (error) {
ElMessage.error(dialogTitle.value + '失败');
console.error(error); console.error(error);
} }
}); });
@ -227,27 +269,6 @@ const onCancel = () => {
.dialog-footer { .dialog-footer {
margin-top: 80px; margin-top: 80px;
} }
/* 时长组合框样式 */
.duration-row {
display: flex;
align-items: center;
gap: 8px;
}
.duration-row .el-input {
width: 120px;
}
.duration-separator {
color: #606266;
font-size: 14px;
}
.duration-label {
color: #909399;
font-size: 14px;
}
</style> </style>
<style> <style>
@ -271,4 +292,4 @@ const onCancel = () => {
height: 178px; height: 178px;
text-align: center; text-align: center;
} }
</style> </style>