56 lines
1.3 KiB
TypeScript
56 lines
1.3 KiB
TypeScript
|
import { useUserStore } from '@/store/system/user';
|
||
|
|
import { reactive, ref } from 'vue';
|
||
|
|
import { createFormData } from '@pureadmin/utils';
|
||
|
|
import { fetchUploadFile } from '@/api/v1/system';
|
||
|
|
import { message } from '@/utils/message';
|
||
|
|
import { $t } from '@/plugins/i18n';
|
||
|
|
|
||
|
|
// 剪裁完成后头像数据
|
||
|
|
export const cropperBlob = ref();
|
||
|
|
// 上传地址路径
|
||
|
|
export const uploadAvatarSrc = ref();
|
||
|
|
|
||
|
|
// 剪裁头像是否显示
|
||
|
|
export const isShow = ref(false);
|
||
|
|
|
||
|
|
const userStore = useUserStore();
|
||
|
|
|
||
|
|
// 用户信息内容
|
||
|
|
export const userInfos = reactive({
|
||
|
|
avatar: '',
|
||
|
|
username: '',
|
||
|
|
nickname: '',
|
||
|
|
email: '',
|
||
|
|
phone: '',
|
||
|
|
summary: '',
|
||
|
|
nickName: '',
|
||
|
|
password: '',
|
||
|
|
sex: '',
|
||
|
|
});
|
||
|
|
|
||
|
|
/** 获取用户信息内容 */
|
||
|
|
export const onSearchByUserinfo = async () => {
|
||
|
|
const data = await userStore.getUserinfo();
|
||
|
|
Object.assign(userInfos, data);
|
||
|
|
};
|
||
|
|
|
||
|
|
/** 修改头像 */
|
||
|
|
export const handleSubmitImage = async () => {
|
||
|
|
// 上传头像表单
|
||
|
|
const formData = createFormData({
|
||
|
|
files: new File([cropperBlob.value], 'avatar'),
|
||
|
|
type: 'avatar',
|
||
|
|
});
|
||
|
|
|
||
|
|
// 上传头像
|
||
|
|
const result = await fetchUploadFile(formData);
|
||
|
|
|
||
|
|
// 上传成功后关闭弹窗
|
||
|
|
if (result.code === 200) {
|
||
|
|
uploadAvatarSrc.value = result.data.filepath;
|
||
|
|
userInfos.avatar = result.data.url;
|
||
|
|
message($t('upload_success'), { type: 'success' });
|
||
|
|
isShow.value = false;
|
||
|
|
}
|
||
|
|
};
|