优化用户模块
This commit is contained in:
parent
507de8dfbb
commit
574bf8b460
@ -2,6 +2,21 @@
|
||||
<el-dialog v-model="props.visible" :title="props.userId ? '编辑' : '新增'" width="700" :close-on-click-modal="false"
|
||||
:before-close="dialogClose">
|
||||
<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">
|
||||
<el-form-item label="账号" prop="username" class="flex-1"
|
||||
:rules="{ required: true, message: '请输入账号', trigger: 'blur' }">
|
||||
@ -96,21 +111,6 @@
|
||||
<el-input v-model="formData.note" type="textarea" placeholder="请输入备注" clearable />
|
||||
</el-form-item>
|
||||
</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>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
|
Loading…
Reference in New Issue
Block a user