twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-11-03 13:44:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

perf: 优化用户管理-裁剪图片上传功能 (#1027)

Browse Source 
* perf: 优化用户管理-裁剪图片上传功能
This commit is contained in:
ZM25XC 2024-03-25 14:57:10 +08:00 committed by GitHub
parent e38610ff67
commit bc1da0b759
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/views/system/user/utils/hook.tsx
View File

@ -6,6 +6,7 @@ import { zxcvbn } from "@zxcvbn-ts/core";
import { handleTree } from "@/utils/tree"; import { handleTree } from "@/utils/tree";
import { message } from "@/utils/message"; import { message } from "@/utils/message";
import croppingUpload from "../upload.vue"; import croppingUpload from "../upload.vue";
import userAvatar from "@/assets/user.jpg";
import { usePublicHooks } from "../../hooks"; import { usePublicHooks } from "../../hooks";
import { addDialog } from "@/components/ReDialog"; import { addDialog } from "@/components/ReDialog";
import type { PaginationProps } from "@pureadmin/table"; import type { PaginationProps } from "@pureadmin/table";
@ -85,8 +86,8 @@ export function useUser(tableRef: Ref, treeRef: Ref) {
<el-image <el-image
fit="cover" fit="cover"
preview-teleported={true} preview-teleported={true}
src={row.avatar} src={row.avatar || userAvatar}
preview-src-list={Array.of(row.avatar)} preview-src-list={Array.of(row.avatar || userAvatar)}
class="w-[24px] h-[24px] rounded-full align-middle" class="w-[24px] h-[24px] rounded-full align-middle"
/> />
), ),
@ -370,7 +371,7 @@ export function useUser(tableRef: Ref, treeRef: Ref) {
contentRenderer: () => contentRenderer: () =>
h(croppingUpload, { h(croppingUpload, {
ref: cropRef, ref: cropRef,
imgSrc: row.avatar, imgSrc: row.avatar || userAvatar,
onCropper: info => (avatarInfo.value = info) onCropper: info => (avatarInfo.value = info)
}), }),
beforeSure: done => { beforeSure: done => {