Browse Source

🚀 优化图片

master
wangxiang 2 years ago
parent
commit
972f83ca06
  1. 21
      src/views/system/user/account/setting/UserInfo.vue

21
src/views/system/user/account/setting/UserInfo.vue

@ -11,7 +11,7 @@ @@ -11,7 +11,7 @@
<div class="change-avatar">
<CropperAvatar
:uploadApi="commonUpload"
:value="getUserInfo.avatar"
:value="userInfoStore.avatar"
btnText="更换头像"
:btnProps="{ preIcon: 'ant-design:cloud-upload-outlined' }"
:width="150"
@ -34,8 +34,7 @@ @@ -34,8 +34,7 @@
import { commonUpload } from '/@/api/platform/core/controller/upload';
import { useContentHeight } from '/@/hooks/web/useContentHeight';
import { User } from '/@/api/platform/core/entity/user';
import {isBase64image, isEmpty, isUrl} from '/@/utils/is';
import { assignWith } from 'lodash-es';
import { isBase64image, isUrl } from '/@/utils/is';
interface State {
baseInfoBtnLoading: boolean;
@ -93,26 +92,16 @@ @@ -93,26 +92,16 @@
const formData = await validate();
//
!isBase64image(state.userInfo.avatar) &&
(formData.avatar = isUrl(state.userInfo.avatar)
? state.userInfo.avatar
: state.userInfo.avatar.replace(/\/[^\/]+/, ''));
(formData.avatar = state.userInfo.avatar);
state.baseInfoBtnLoading = true;
await editUser(formData);
createMessage.success('保存成功!');
const result = await getUser(userInfoStore.id);
state.userInfo = result.result;
//
const userinfo = userStore.getUserInfo;
assignWith(userinfo, state.userInfo, (objValue, srcValue)=> !isEmpty(srcValue) ? srcValue : objValue);
userStore.setUserInfo(userinfo);
await setFieldsValue(result.result);
await userStore.getUserInfoAction();
} finally {
state.baseInfoBtnLoading = false;
}
}
const getUserInfo = computed((): User => state.userInfo || {});
function handleAvatarChange({ src, data }) {
state.userInfo.avatar = data.url;
}
@ -120,7 +109,7 @@ @@ -120,7 +109,7 @@
return {
register,
wrapperRef,
getUserInfo,
userInfoStore,
commonUpload,
handleAvatarChange,
getContentStyle,

Loading…
Cancel
Save