From 3b18a476b709bdf4cd025889b3de4cfd5aac0ab6 Mon Sep 17 00:00:00 2001
From: LiuHao <liuhaoai545@gmail.com>
Date: 星期五, 26 一月 2024 09:59:05 +0800
Subject: [PATCH] add hooks - useDialog
---
src/views/system/user/profile/userAvatar.vue | 9 +++++----
1 files changed, 5 insertions(+), 4 deletions(-)
diff --git a/src/views/system/user/profile/userAvatar.vue b/src/views/system/user/profile/userAvatar.vue
index 10ec21a..32b6f5c 100644
--- a/src/views/system/user/profile/userAvatar.vue
+++ b/src/views/system/user/profile/userAvatar.vue
@@ -1,7 +1,7 @@
<template>
<div class="user-info-head" @click="editCropper()">
<img :src="options.img" title="鐐瑰嚮涓婁紶澶村儚" class="img-circle img-lg" />
- <el-dialog :title="title" v-model="open" width="800px" append-to-body @opened="modalOpened" @close="closeDialog">
+ <el-dialog v-model="open" :title="title" width="800px" append-to-body @opened="modalOpened" @close="closeDialog">
<el-row>
<el-col :xs="24" :md="12" :style="{ height: '350px' }">
<vue-cropper
@@ -60,6 +60,7 @@
import { VueCropper } from 'vue-cropper';
import { uploadAvatar } from '@/api/system/user';
import useUserStore from '@/store/modules/user';
+import { UploadRawFile } from 'element-plus';
interface Options {
img: string | any; // 瑁佸壀鍥剧墖鐨勫湴鍧�
@@ -118,7 +119,7 @@
cropper.value.changeScale(num);
};
/** 涓婁紶棰勫鐞� */
-const beforeUpload = (file: any) => {
+const beforeUpload = (file: UploadRawFile): any => {
if (file.type.indexOf('image/') == -1) {
proxy?.$modal.msgError('鏂囦欢鏍煎紡閿欒锛岃涓婁紶鍥剧墖绫诲瀷,濡傦細JPG锛孭NG鍚庣紑鐨勬枃浠躲��');
} else {
@@ -138,8 +139,8 @@
const res = await uploadAvatar(formData);
open.value = false;
options.img = res.data.imgUrl;
- userStore.setAvatar(options.img as string)
- proxy?.$modal.msgSuccess("淇敼鎴愬姛");
+ userStore.setAvatar(options.img);
+ proxy?.$modal.msgSuccess('淇敼鎴愬姛');
visible.value = false;
});
};
--
Gitblit v1.9.3