From 04ca5df4819244bdad388c21fdab9012d4bd71ba Mon Sep 17 00:00:00 2001
From: ltx <19304474232@163.com>
Date: Wed, 8 Apr 2026 23:19:32 +0800
Subject: [PATCH] =?UTF-8?q?update:=E6=95=99=E7=BB=83=E4=B8=8D=E9=9C=80?=
 =?UTF-8?q?=E8=A6=81=E8=BA=AB=E4=BB=BD=E8=AF=81&=E6=8A=A4=E7=85=A7?=
 =?UTF-8?q?=E8=AE=A4=E8=AF=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/team/trainer/index.vue  | 245 +++++++++++--------------
 src/views/team/trainer/index1.vue | 296 ++++++++++++++++++++++++++++++
 2 files changed, 408 insertions(+), 133 deletions(-)
 create mode 100644 src/views/team/trainer/index1.vue

diff --git a/src/views/team/trainer/index.vue b/src/views/team/trainer/index.vue
index fb472f7..b002d0c 100644
--- a/src/views/team/trainer/index.vue
+++ b/src/views/team/trainer/index.vue
@@ -3,26 +3,22 @@
 		<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="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>
+				<el-image :src="scope.row.idCardImageUrl" style="min-width: 100px; "/>
 			</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>
@@ -30,53 +26,50 @@
 		</ProTable>
 
 		<!-- 弹窗 -->
-		<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-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-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" 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-tag :type="formData.gender === 0 ? '' : 'success'">
-						{{ formData.gender === 0 ? '男' : '女' }}</el-tag>
+					<el-select v-model="formData.gender" placeholder="请选择性别">
+						<el-option label="男" :value="0"></el-option>
+						<el-option label="女" :value="1"></el-option>
+					</el-select>
 				</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>
@@ -95,45 +88,32 @@
 <script setup name="sysMenu">
 import { defineAsyncComponent, ref, reactive } from 'vue';
 import { ElMessage, ElForm } from 'element-plus';
-import { Plus } from '@element-plus/icons-vue';
+import SysMenuApi from '/@/api/SysMenuApi';
+import { auths } from '/@/utils/authFunction';
 import ProTable from '/@/components/ProTable/index.vue';
-import { appuserCoachPageGet, appuserCoachSavePost, appuserMemberDeletePost } from '/@/api/match/appuser';
-import { commonOcrRecognizeIdcardPost, commonOcrRecognizePassportPost } from '/@/api/match/common';
+import { appuserCoachPageGet ,appuserLeaderSavePost , appuserMemberDeletePost} from '/@/api/match/appuser';
 
 // 定义表单引用类型
 const formRef = ref();
 const initParam = ref({
 	refresh: true,
-	personType: 2
+	personType:2
 });
-
-const getDefaultFormData = () => ({
-	id: undefined,
+const formData = ref({
 	name: '',
-	idCardNumber: '',
-	gender: 0,
-	idCardImageUrl: '',
-	birthDate: '',
+	age: '',
+	gender: '',
 	mobile: '',
-});
-
-const statusList = ref({
-	1: 'info',
-	2: 'success',
-	3: 'danger',
+	// idCardImageUrl: '',
+	// idCard: '',
 })
 
-const formData = ref(getDefaultFormData())
-
-// 证件识别类型：idcard-身份证，passport-护照
-const ocrType = ref('idcard')
-
 const formRules = ref({
 	name: [
 		{ required: true, message: '请输入教练姓名', trigger: 'blur' }
 	],
-	idCardNumber: [
-		{ required: true, message: '请输入身份证号', trigger: 'change' }
+	age: [
+		{ required: true, message: '请输入年龄', trigger: 'change' }
 	],
 	gender: [
 		{ required: true, message: '请选择性别', trigger: 'change' }
@@ -141,12 +121,12 @@ const formRules = ref({
 	mobile: [
 		{ required: true, message: '请输入联系电话', trigger: 'blur' }
 	],
-	idCardImageUrl: [
-		{ required: true, message: '请上传证件照片', trigger: 'change' }
-	],
-	birthDate: [
-		{ required: true, message: '请选择出生日期', trigger: 'change' }
-	],
+	// idCardImageUrl: [
+	// 	{ required: true, message: '请上传身份证', trigger: 'change' }
+	// ],
+	// idCard: [
+	// 	{ required: true, message: '请输入身份证号', trigger: 'blur' }
+	// ]
 });
 
 const columns = ref([
@@ -162,8 +142,9 @@ const columns = ref([
 			{ label: '女', value: 1 },
 		],
 	},
-	{ prop: 'idCardNumber', label: '身份证号/护照号' },
-	{ prop: 'mobile', label: '联系电话', search: { el: 'input' } },
+    { prop: 'age', label: '年龄' , search: { el: 'input' }},
+	{ prop: 'mobile', label: '联系电话' , search: { el: 'input' }},
+	// { prop: 'idCardImageUrl', label: '身份证' },
 
 	{ prop: 'action', label: '操作', align: 'center', fixed: 'right' },
 ]);
@@ -171,28 +152,29 @@ const columns = ref([
 const isShowDialog = ref(false);
 const dialogTitle = ref('新增');
 
-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 ? Number(row.gender) : '',
-			idCardImageUrl: row.idCardImageUrl ?? '',
-			birthDate: row.birthDate ?? '',
-			mobile: row.mobile ?? '',
-		};
+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;
 	}
 	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('删除成功');
@@ -201,36 +183,12 @@ const onDeleteMenu = async (id) => {
 	}
 };
 
-const handleAvatarSuccess = async (response,
+const handleAvatarSuccess = (response,
 	uploadFile) => {
-	const imageUrl = response[0].url;
-	const res = ocrType.value === 'passport'
-		? await commonOcrRecognizePassportPost({ imageUrl })
-		: await commonOcrRecognizeIdcardPost({ 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)
+	formData.value.idCardUrl = response[0].url;
 }
 
-const beforeAvatarUpload = () => {
-	return true
-}
+
 
 
 // 表单提交
@@ -239,23 +197,23 @@ const onSubmit = () => {
 
 	formRef.value.validate(async (valid) => {
 		if (!valid) return;
+
 		try {
-			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);
+			let res;
+			if (formData.value.id) {
+				res = await appuserLeaderSavePost(formData.value);
+			} else {
+				res = await appuserLeaderSavePost(formData.value);
+			}
+
 			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 || res.msg || dialogTitle.value + '失败');
+				ElMessage.error(res.errors);
 			}
 		} catch (error) {
-			ElMessage.error(dialogTitle.value + '失败');
 			console.error(error);
 		}
 	});
@@ -270,6 +228,27 @@ 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>
@@ -293,4 +272,4 @@ const onCancel = () => {
 	height: 178px;
 	text-align: center;
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/src/views/team/trainer/index1.vue b/src/views/team/trainer/index1.vue
new file mode 100644
index 0000000..fb472f7
--- /dev/null
+++ b/src/views/team/trainer/index1.vue
@@ -0,0 +1,296 @@
+<template>
+	<div class="system-menu-container layout-padding">
+		<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>
+			</template>
+			<template #index="scope">
+				{{ scope.$index + 1 }}
+			</template>
+
+			<template #idCardImageUrl="scope">
+				<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-popconfirm title="确认删除吗？" @confirm="onDeleteMenu(scope.row.id)">
+					<template #reference>
+						<el-button icon="ele-Delete" size="small" text type="danger"> 删除
+						</el-button>
+					</template>
+				</el-popconfirm>
+			</template>
+		</ProTable>
+
+		<!-- 弹窗 -->
+		<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" disabled placeholder="请输入教练姓名"></el-input>
+				</el-form-item>
+
+				<!-- 性别 -->
+				<el-form-item label="性别" prop="gender">
+					<el-tag :type="formData.gender === 0 ? '' : 'success'">
+						{{ formData.gender === 0 ? '男' : '女' }}</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-input v-model="formData.mobile" placeholder="请输入联系电话" class="fee-input">
+					</el-input>
+				</el-form-item>
+
+			</el-form>
+			<template #footer>
+				<span class="dialog-footer">
+					<el-button @click="onCancel">取消</el-button>
+					<el-button type="primary" @click="onSubmit">确定</el-button>
+				</span>
+			</template>
+		</el-dialog>
+	</div>
+</template>
+
+<script setup name="sysMenu">
+import { defineAsyncComponent, ref, reactive } from 'vue';
+import { ElMessage, ElForm } from 'element-plus';
+import { Plus } from '@element-plus/icons-vue';
+import ProTable from '/@/components/ProTable/index.vue';
+import { appuserCoachPageGet, appuserCoachSavePost, appuserMemberDeletePost } from '/@/api/match/appuser';
+import { commonOcrRecognizeIdcardPost, commonOcrRecognizePassportPost } from '/@/api/match/common';
+
+// 定义表单引用类型
+const formRef = ref();
+const initParam = ref({
+	refresh: true,
+	personType: 2
+});
+
+const getDefaultFormData = () => ({
+	id: undefined,
+	name: '',
+	idCardNumber: '',
+	gender: 0,
+	idCardImageUrl: '',
+	birthDate: '',
+	mobile: '',
+});
+
+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' }
+	],
+	idCardNumber: [
+		{ required: true, message: '请输入身份证号', trigger: 'change' }
+	],
+	gender: [
+		{ required: true, message: '请选择性别', trigger: 'change' }
+	],
+	mobile: [
+		{ required: true, message: '请输入联系电话', trigger: 'blur' }
+	],
+	idCardImageUrl: [
+		{ required: true, message: '请上传证件照片', trigger: 'change' }
+	],
+	birthDate: [
+		{ required: true, message: '请选择出生日期', trigger: 'change' }
+	],
+});
+
+const columns = ref([
+	{ prop: 'index', label: '序号', align: 'center', },
+	{ prop: 'name', label: '教练姓名', search: { el: 'input' } },
+	{
+		prop: 'gender', label: '性别', search: {
+			el: 'select',
+		},
+		enum: [
+			{ label: '全部', value: '' },
+			{ label: '男', value: 0 },
+			{ label: '女', value: 1 },
+		],
+	},
+	{ prop: 'idCardNumber', label: '身份证号/护照号' },
+	{ prop: 'mobile', label: '联系电话', search: { el: 'input' } },
+
+	{ prop: 'action', label: '操作', align: 'center', fixed: 'right' },
+]);
+
+const isShowDialog = ref(false);
+const dialogTitle = ref('新增');
+
+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 ? Number(row.gender) : '',
+			idCardImageUrl: row.idCardImageUrl ?? '',
+			birthDate: row.birthDate ?? '',
+			mobile: row.mobile ?? '',
+		};
+	}
+	isShowDialog.value = true;
+};
+
+//删除菜单
+const onDeleteMenu = async (id) => {
+	const { succeeded, errors } = await appuserMemberDeletePost(id);
+	if (succeeded) {
+		initParam.value.refresh = !initParam.value.refresh;
+		ElMessage.success('删除成功');
+	} else {
+		ElMessage.error(errors);
+	}
+};
+
+const handleAvatarSuccess = async (response,
+	uploadFile) => {
+	const imageUrl = response[0].url;
+	const res = ocrType.value === 'passport'
+		? await commonOcrRecognizePassportPost({ imageUrl })
+		: await commonOcrRecognizeIdcardPost({ 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
+}
+
+
+// 表单提交
+const onSubmit = () => {
+	if (!formRef.value) return;
+
+	formRef.value.validate(async (valid) => {
+		if (!valid) return;
+		try {
+			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 + '成功');
+				isShowDialog.value = false;
+				initParam.value.refresh = !initParam.value.refresh;
+			} else {
+				ElMessage.error(res.errors || res.msg || dialogTitle.value + '失败');
+			}
+		} catch (error) {
+			ElMessage.error(dialogTitle.value + '失败');
+			console.error(error);
+		}
+	});
+};
+
+// 取消
+const onCancel = () => {
+	isShowDialog.value = false;
+};
+</script>
+<style scoped lang="scss">
+.dialog-footer {
+	margin-top: 80px;
+}
+</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>