优化用户模块
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"
|
<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">
|
||||||
|
Loading…
Reference in New Issue
Block a user