优化用户模块

This commit is contained in:
zjl 2024-09-24 11:20:40 +08:00
parent 507de8dfbb
commit 574bf8b460

View File

@ -2,6 +2,21 @@
<el-dialog v-model="props.visible" :title="props.userId ? '编辑' : '新增'" width="700" :close-on-click-modal="false" <el-dialog v-model="props.visible" :title="props.userId ? '编辑' : '新增'" width="700" :close-on-click-modal="false"
:before-close="dialogClose"> :before-close="dialogClose">
<el-form ref="formRef" :model="formData" label-width="84px"> <el-form ref="formRef" :model="formData" label-width="84px">
<el-form-item label="头像" prop="avatar" :rules="{ required: true, message: '请输上传头像', trigger: 'blur' }">
<!-- <UploadImg @changeFileName="(name)=>formData.avatarName=name"
:fileType=" ['image/jpeg', 'image/png', 'image/jpg', 'image/gif']"
name="user"
:fileSize="20"
:cropper="true"
v-model:image-url="formData.avatar">
<template v-slot:tip>支持扩展名: jpg png jpeg;文件大小不超过20M</template>
</UploadImg> -->
<Cropper ref="cropperCircled" :src="formData.avatar" :uploadApi="upload" title="头像上传" @uploadSuccess="uploadSuccess">
<template #avatar>
</template>
</Cropper>
</el-form-item>
<div class="flex"> <div class="flex">
<el-form-item label="账号" prop="username" class="flex-1" <el-form-item label="账号" prop="username" class="flex-1"
:rules="{ required: true, message: '请输入账号', trigger: 'blur' }"> :rules="{ required: true, message: '请输入账号', trigger: 'blur' }">
@ -96,21 +111,6 @@
<el-input v-model="formData.note" type="textarea" placeholder="请输入备注" clearable /> <el-input v-model="formData.note" type="textarea" placeholder="请输入备注" clearable />
</el-form-item> </el-form-item>
</div> </div>
<el-form-item label="头像" prop="avatar" :rules="{ required: true, message: '请输上传头像', trigger: 'blur' }">
<!-- <UploadImg @changeFileName="(name)=>formData.avatarName=name"
:fileType=" ['image/jpeg', 'image/png', 'image/jpg', 'image/gif']"
name="user"
:fileSize="20"
:cropper="true"
v-model:image-url="formData.avatar">
<template v-slot:tip>支持扩展名: jpg png jpeg;文件大小不超过20M</template>
</UploadImg> -->
<Cropper ref="cropperCircled" :src="formData.avatar" :uploadApi="upload" title="头像上传" @uploadSuccess="uploadSuccess">
<template #avatar>
</template>
</Cropper>
</el-form-item>
</el-form> </el-form>
<template #footer> <template #footer>
<span class="dialog-footer"> <span class="dialog-footer">