From 22dd33b8c17fef625173a7f3ab3c61aa17bfb0e6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=A9=AC=E6=A2=93=E5=BD=AD?= <tianbohe0@163.com>
Date: Mon, 30 Mar 2026 19:21:08 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E4=BA=BA=E5=91=98=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E3=80=91-=E9=A2=86=E9=98=9F=E7=AE=A1=E7=90=86/=E6=95=99?=
 =?UTF-8?q?=E7=BB=83=E7=AE=A1=E7=90=86=20=E6=8A=A4=E7=85=A7=E5=92=8C?=
 =?UTF-8?q?=E8=BA=AB=E4=BB=BD=E8=AF=81=E8=AE=A4=E8=AF=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/match/appuser.js         |   2 +-
 src/views/team/athlete/index.vue |  22 +--
 src/views/team/leader/index.vue  | 179 +++++++----------------
 src/views/team/trainer/index.vue | 241 +++++++++++++++++--------------
 4 files changed, 196 insertions(+), 248 deletions(-)

diff --git a/src/api/match/appuser.js b/src/api/match/appuser.js
index d58f975..34d3c27 100644
--- a/src/api/match/appuser.js
+++ b/src/api/match/appuser.js
@@ -103,7 +103,7 @@ export const appuserLeaderSavePost = (data) => {
  * @param {string} [data.remark] - 备注
  */
 export const appuserCoachSavePost = (data) => {
-    return http.post('/appuser/member/save', {data , personType: 2});
+    return http.post('/appuser/member/save', { ...data, personType: 2});
 };
 
 /**
diff --git a/src/views/team/athlete/index.vue b/src/views/team/athlete/index.vue
index cd91b11..76140d4 100644
--- a/src/views/team/athlete/index.vue
+++ b/src/views/team/athlete/index.vue
@@ -117,10 +117,10 @@
 				v-if="isShowDialog">
 
 				<!-- 证件类型选择 -->
-				<el-form-item label="证件类型">
+				<el-form-item label="运动员身份证认证">
 					<el-radio-group v-model="ocrType">
-						<el-radio label="idcard">身份证</el-radio>
-						<el-radio label="passport">护照</el-radio>
+						<el-radio label="idcard">身份证认证</el-radio>
+						<el-radio label="passport">护照认证</el-radio>
 					</el-radio-group>
 				</el-form-item>
 
@@ -139,23 +139,23 @@
 				</el-form-item>
 
 
-				<!-- 教练姓名 -->
-				<el-form-item label="姓名" prop="name"> 
-					<el-input  v-model="formData.name" disabled placeholder="请输入教练姓名"></el-input>
+				<!-- 运动员姓名 -->
+				<el-form-item label="姓名" prop="name">
+					<el-input v-model="formData.name" disabled placeholder="请输入运动员姓名"></el-input>
 				</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'">
 						{{ formData.gender === 0 ? '男' : formData.gender === 1 ? '女' : '保密' }}</el-tag>
 				</el-form-item>
 
-				<el-form-item label="出生日期"  prop="birthDate">
-					<el-input  v-model="formData.birthDate" placeholder="请选择出生日期" disabled></el-input>
+				<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 label="身份证号" prop="idCardNumber">
-					<el-input  v-model="formData.idCardNumber" disabled placeholder="请输入身份证号"></el-input>
+				<el-form-item v-if="ocrType === 'passport'" label="出生日期" prop="birthDate">
+					<el-input v-model="formData.birthDate" placeholder="请选择出生日期" disabled></el-input>
 				</el-form-item>
 
 				<!-- 联系电话 -->
diff --git a/src/views/team/leader/index.vue b/src/views/team/leader/index.vue
index 1321fd7..0e4b392 100644
--- a/src/views/team/leader/index.vue
+++ b/src/views/team/leader/index.vue
@@ -3,22 +3,26 @@
 		<ProTable ref="tableRef" :request-api="appuserLeaderPageGet" :columns="columns" :pagination="true"
 			:tool-button="true" :initParam="initParam">
 			<template #tools>
-				<el-button  type="primary"  @click="onOpenMenu()"> 新增 </el-button>
+				<el-button type="primary" @click="onOpenMenu()"> 新增 </el-button>
 			</template>
 			<template #index="scope">
 				{{ scope.$index + 1 }}
 			</template>
 
 			<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 #action="scope">
-				<el-button  icon="ele-Edit" size="small" text type="primary"
-					@click="onOpenMenu(scope.row)"> 编辑 </el-button>
+				<el-button icon="ele-Edit" size="small" text type="primary" @click="onOpenMenu(scope.row)">
+					编辑 </el-button>
 				<el-popconfirm title="确认删除吗？" @confirm="onDeleteMenu(scope.row.id)">
 					<template #reference>
-						<el-button  icon="ele-Delete" size="small" text type="danger"> 删除
+						<el-button icon="ele-Delete" size="small" text type="danger"> 删除
 						</el-button>
 					</template>
 				</el-popconfirm>
@@ -26,9 +30,9 @@
 		</ProTable>
 
 		<!-- 弹窗 -->
-		<el-dialog :title="dialogTitle" v-model="isShowDialog">
-			<el-form ref="formRef" :model="formData" :rules="formRules" label-width="120px"
-				style="max-width: 600px;margin-bottom: 30px;" v-if="isShowDialog">
+		<el-dialog :title="dialogTitle" v-model="isShowDialog" width="800px">
+			<el-form ref="formRef" :model="formData" :rules="formRules" label-width="200px" style="margin-bottom: 30px;"
+				v-if="isShowDialog">
 
 				<!-- 领队姓名 -->
 				<el-form-item label="领队姓名" prop="name">
@@ -38,38 +42,18 @@
 				<!-- 年龄 -->
 				<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-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-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>
 				</el-form-item>
@@ -88,26 +72,32 @@
 <script setup name="sysMenu">
 import { defineAsyncComponent, ref, reactive } from 'vue';
 import { ElMessage, ElForm } from 'element-plus';
-import SysMenuApi from '/@/api/SysMenuApi';
-import { auths } from '/@/utils/authFunction';
 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 initParam = ref({
 	refresh: true,
-	personType:3
+	personType: 3
 });
-const formData = ref({
+
+const getDefaultFormData = () => ({
+	id: undefined,
 	name: '',
 	age: '',
 	gender: '',
 	mobile: '',
-	// idCardImageUrl: '',
-	// idCard: '',
+});
+
+const statusList = ref({
+	1: 'info',
+	2: 'success',
+	3: 'danger',
 })
 
+const formData = ref(getDefaultFormData())
+
 const formRules = ref({
 	name: [
 		{ required: true, message: '请输入领队姓名', trigger: 'blur' }
@@ -121,17 +111,12 @@ const formRules = ref({
 	mobile: [
 		{ required: true, message: '请输入联系电话', trigger: 'blur' }
 	],
-	idCardImageUrl: [
-		{ required: true, message: '请上传身份证', trigger: 'change' }
-	],
-	idCard: [
-		{ required: true, message: '请输入身份证号', trigger: 'blur' }
-	]
 });
 
 const columns = ref([
 	{ prop: 'index', label: '序号', align: 'center', },
 	{ prop: 'name', label: '领队姓名', search: { el: 'input' } },
+	{ prop: 'age', label: '年龄' },
 	{
 		prop: 'gender', label: '性别', search: {
 			el: 'select',
@@ -142,8 +127,7 @@ const columns = ref([
 			{ label: '女', value: 1 },
 		],
 	},
-	{ prop: 'mobile', label: '联系电话' , search: { el: 'input' }},
-	// { prop: 'idCardImageUrl', label: '身份证' },
+	{ prop: 'mobile', label: '联系电话', search: { el: 'input' } },
 
 	{ prop: 'action', label: '操作', align: 'center', fixed: 'right' },
 ]);
@@ -151,29 +135,25 @@ const columns = ref([
 const isShowDialog = ref(false);
 const dialogTitle = ref('新增');
 
-const onOpenMenu = (id) => {
-	dialogTitle.value = id ? '编辑' : '新增';
-	formData.value = {
-		name: '',
-		age: '',
-		gender: '',
-		mobile: '',
-		idCardUrl: '',
-		idCard: '',
-	};
-	if (id) {
-		// 编辑
-		// const menu = tableRef.value.getRowData(id);
-		formData.value = id;
-		formData.value.mobile = id.mobile;
-		formData.value.idCard = id.idCardNumber;
+const onOpenMenu = (row) => {
+	dialogTitle.value = row ? '编辑' : '新增';
+	formData.value = getDefaultFormData();
+	if (row && typeof row === 'object') {
+		formData.value = {
+			...getDefaultFormData(),
+			id: row.id,
+			name: row.name ?? '',
+			age: row.age ?? '',
+			gender: row.gender !== undefined && row.gender !== null ? String(row.gender) : '',
+			mobile: row.mobile ?? '',
+		};
 	}
 	isShowDialog.value = true;
 };
 
 //删除菜单
 const onDeleteMenu = async (id) => {
-	const { succeeded, errors } = await appuserMemberDeletePost( id);
+	const { succeeded, errors } = await appuserMemberDeletePost(id);
 	if (succeeded) {
 		initParam.value.refresh = !initParam.value.refresh;
 		ElMessage.success('删除成功');
@@ -182,37 +162,28 @@ const onDeleteMenu = async (id) => {
 	}
 };
 
-const handleAvatarSuccess = (response,
-	uploadFile) => {
-	formData.value.idCardUrl = response[0].url;
-}
-
-
-
-
 // 表单提交
 const onSubmit = () => {
 	if (!formRef.value) return;
 
 	formRef.value.validate(async (valid) => {
 		if (!valid) return;
-
 		try {
-			let res;
-			if (formData.value.id) {
-				res = await appuserLeaderSavePost(formData.value);
-			} else {
-				res = await appuserLeaderSavePost(formData.value);
-			}
-
+			const payload = {
+				...formData.value,
+				gender: formData.value.gender !== undefined && formData.value.gender !== null ? Number(formData.value.gender) : '',
+				mobile: formData.value.mobile,
+			};
+			const res = await appuserLeaderSavePost(payload);
 			if (res.succeeded) {
 				ElMessage.success(dialogTitle.value + '成功');
-				initParam.value.refresh = !initParam.value.refresh; // 刷新表格
 				isShowDialog.value = false;
+				initParam.value.refresh = !initParam.value.refresh;
 			} else {
-				ElMessage.error(res.errors);
+				ElMessage.error(res.errors || res.msg || dialogTitle.value + '失败');
 			}
 		} catch (error) {
+			ElMessage.error(dialogTitle.value + '失败');
 			console.error(error);
 		}
 	});
@@ -227,48 +198,4 @@ const onCancel = () => {
 .dialog-footer {
 	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>
-.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>
\ No newline at end of file
diff --git a/src/views/team/trainer/index.vue b/src/views/team/trainer/index.vue
index 8057902..3b6932e 100644
--- a/src/views/team/trainer/index.vue
+++ b/src/views/team/trainer/index.vue
@@ -3,22 +3,26 @@
 		<ProTable ref="tableRef" :request-api="appuserCoachPageGet" :columns="columns" :pagination="true"
 			:tool-button="true" :initParam="initParam">
 			<template #tools>
-				<el-button  type="primary"  @click="onOpenMenu()"> 新增 </el-button>
+				<el-button type="primary" @click="onOpenMenu()"> 新增 </el-button>
 			</template>
 			<template #index="scope">
 				{{ scope.$index + 1 }}
 			</template>
 
 			<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 #action="scope">
-				<el-button  icon="ele-Edit" size="small" text type="primary"
-					@click="onOpenMenu(scope.row)"> 编辑 </el-button>
+				<el-button icon="ele-Edit" size="small" text type="primary" @click="onOpenMenu(scope.row)">
+					编辑 </el-button>
 				<el-popconfirm title="确认删除吗？" @confirm="onDeleteMenu(scope.row.id)">
 					<template #reference>
-						<el-button  icon="ele-Delete" size="small" text type="danger"> 删除
+						<el-button icon="ele-Delete" size="small" text type="danger"> 删除
 						</el-button>
 					</template>
 				</el-popconfirm>
@@ -26,50 +30,53 @@
 		</ProTable>
 
 		<!-- 弹窗 -->
-		<el-dialog :title="dialogTitle" v-model="isShowDialog">
-			<el-form ref="formRef" :model="formData" :rules="formRules" label-width="120px"
-				style="max-width: 600px;margin-bottom: 30px;" v-if="isShowDialog">
+		<el-dialog :title="dialogTitle" v-model="isShowDialog" width="800px">
+			<el-form ref="formRef" :model="formData" :rules="formRules" label-width="200px" style="margin-bottom: 30px;"
+				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-input v-model="formData.name" placeholder="请输入教练姓名"></el-input>
+				<el-form-item label="姓名" prop="name">
+					<el-input v-model="formData.name" disabled placeholder="请输入教练姓名"></el-input>
 				</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-select v-model="formData.gender" placeholder="请选择性别">
-						<el-option label="男" :value="1"></el-option>
-						<el-option label="女" :value="0"></el-option>
-					</el-select>
+					<el-tag :type="formData.gender === 0 ? '' : formData.gender === 1 ? 'success' : 'danger'">
+						{{ formData.gender === 0 ? '男' : formData.gender === 1 ? '女' : '保密' }}</el-tag>
 				</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>
 				</el-form-item>
@@ -88,32 +95,44 @@
 <script setup name="sysMenu">
 import { defineAsyncComponent, ref, reactive } from 'vue';
 import { ElMessage, ElForm } from 'element-plus';
-import SysMenuApi from '/@/api/SysMenuApi';
-import { auths } from '/@/utils/authFunction';
+import { Plus } from '@element-plus/icons-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 initParam = ref({
 	refresh: true,
-	personType:2
+	personType: 2
 });
-const formData = ref({
+
+const getDefaultFormData = () => ({
+	id: undefined,
 	name: '',
-	age: '',
+	idCardNumber: '',
 	gender: '',
+	idCardImageUrl: '',
+	birthDate: '',
 	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({
 	name: [
 		{ required: true, message: '请输入教练姓名', trigger: 'blur' }
 	],
-	age: [
-		{ required: true, message: '请输入年龄', trigger: 'change' }
+	idCardNumber: [
+		{ required: true, message: '请输入身份证号', trigger: 'change' }
 	],
 	gender: [
 		{ required: true, message: '请选择性别', trigger: 'change' }
@@ -121,12 +140,12 @@ const formRules = ref({
 	mobile: [
 		{ required: true, message: '请输入联系电话', trigger: 'blur' }
 	],
-	// idCardImageUrl: [
-	// 	{ required: true, message: '请上传身份证', trigger: 'change' }
-	// ],
-	// idCard: [
-	// 	{ required: true, message: '请输入身份证号', trigger: 'blur' }
-	// ]
+	idCardImageUrl: [
+		{ required: true, message: '请上传证件照片', trigger: 'change' }
+	],
+	birthDate: [
+		{ required: true, message: '请选择出生日期', trigger: 'change' }
+	],
 });
 
 const columns = ref([
@@ -142,8 +161,8 @@ const columns = ref([
 			{ label: '女', value: 1 },
 		],
 	},
-	{ prop: 'mobile', label: '联系电话' , search: { el: 'input' }},
-	// { prop: 'idCardImageUrl', label: '身份证' },
+	{ prop: 'idCardNumber', label: '身份证号/护照号' },
+	{ prop: 'mobile', label: '联系电话', search: { el: 'input' } },
 
 	{ prop: 'action', label: '操作', align: 'center', fixed: 'right' },
 ]);
@@ -151,29 +170,28 @@ const columns = ref([
 const isShowDialog = ref(false);
 const dialogTitle = ref('新增');
 
-const onOpenMenu = (id) => {
-	dialogTitle.value = id ? '编辑' : '新增';
-	formData.value = {
-		name: '',
-		age: '',
-		gender: '',
-		mobile: '',
-		idCardUrl: '',
-		idCard: '',
-	};
-	if (id) {
-		// 编辑
-		// const menu = tableRef.value.getRowData(id);
-		formData.value = id;
-		formData.value.mobile = id.mobile;
-		formData.value.idCard = id.idCardNumber;
+const onOpenMenu = (row) => {
+	dialogTitle.value = row ? '编辑' : '新增';
+	formData.value = getDefaultFormData();
+	ocrType.value = 'idcard';
+	if (row && typeof row === 'object') {
+		formData.value = {
+			...getDefaultFormData(),
+			id: row.id,
+			name: row.name ?? '',
+			idCardNumber: row.idCardNumber ?? '',
+			gender: row.gender !== undefined && row.gender !== null ? String(row.gender) : '',
+			idCardImageUrl: row.idCardImageUrl ?? '',
+			birthDate: row.birthDate ?? '',
+			mobile: row.mobile ?? '',
+		};
 	}
 	isShowDialog.value = true;
 };
 
 //删除菜单
 const onDeleteMenu = async (id) => {
-	const { succeeded, errors } = await appuserMemberDeletePost( id);
+	const { succeeded, errors } = await appuserMemberDeletePost(id);
 	if (succeeded) {
 		initParam.value.refresh = !initParam.value.refresh;
 		ElMessage.success('删除成功');
@@ -182,12 +200,36 @@ const onDeleteMenu = async (id) => {
 	}
 };
 
-const handleAvatarSuccess = (response,
+const handleAvatarSuccess = async (response,
 	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) => {
 		if (!valid) return;
-
 		try {
-			let res;
-			if (formData.value.id) {
-				res = await appuserLeaderSavePost(formData.value);
-			} else {
-				res = await appuserLeaderSavePost(formData.value);
-			}
-
+			const payload = {
+				...formData.value,
+				gender: formData.value.gender !== undefined && formData.value.gender !== null ? Number(formData.value.gender) : '',
+				mobile: formData.value.mobile,
+				idCardUrl: formData.value.idCardImageUrl,
+			};
+			const res = await appuserCoachSavePost(payload);
 			if (res.succeeded) {
 				ElMessage.success(dialogTitle.value + '成功');
-				initParam.value.refresh = !initParam.value.refresh; // 刷新表格
 				isShowDialog.value = false;
+				initParam.value.refresh = !initParam.value.refresh;
 			} else {
-				ElMessage.error(res.errors);
+				ElMessage.error(res.errors || res.msg || dialogTitle.value + '失败');
 			}
 		} catch (error) {
+			ElMessage.error(dialogTitle.value + '失败');
 			console.error(error);
 		}
 	});
@@ -227,27 +269,6 @@ const onCancel = () => {
 .dialog-footer {
 	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>
@@ -271,4 +292,4 @@ const onCancel = () => {
 	height: 178px;
 	text-align: center;
 }
-</style>
\ No newline at end of file
+</style>