financial-web/src/views/account-settings/utils/hooks.tsx

128 lines
3.5 KiB
TypeScript

import { useUserStore } from '@/store/system/user';
import { reactive, ref } from 'vue';
import { createFormData } from '@pureadmin/utils';
import { fetchUploadFile } from '@/api/v1/system/system';
import { message, messageBox } from '@/utils/message';
import { $t } from '@/plugins/i18n';
import { switchLoadMapControl } from '@/views/hooks';
import { useAdminUserStore } from '@/store/system/adminUser';
// 剪裁完成后头像数据
export const cropperBlob = ref();
// 上传地址路径
export const uploadAvatarSrc = ref();
// 剪裁头像是否显示
export const isShow = ref(false);
// 用户是否停用加载集合
export const switchLoadMap = ref({});
// 用户仓库
const userStore = useUserStore();
const adminUserStore = useAdminUserStore();
// 用户信息内容
export const userInfos = reactive({
avatar: '',
username: '',
nickname: '',
email: '',
phone: '',
summary: '',
password: '',
sex: '',
weekBillReport: undefined,
mouthBillReport: undefined,
});
/** 获取用户信息内容 */
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;
}
};
/** 更新用户周账单提醒是否开启 */
export const updateUserReportStatusByWeek = async (index: number) => {
// 点击时开始loading加载
switchLoadMapControl(switchLoadMap, index, true);
// 是否确认修改弹窗内容
const confirm = await messageBox({
title: $t('confirm_update_status'),
showMessage: false,
confirmMessage: undefined,
cancelMessage: $t('cancel'),
});
// 如果不修改将值恢复到之前状态
if (!confirm) {
userInfos.weekBillReport = !userInfos.weekBillReport;
switchLoadMapControl(switchLoadMap, index, false);
return;
}
// 修改用户状态
const data = { type: 'week', status: userInfos.weekBillReport };
const result = await adminUserStore.updateUserBillReportByLocalUser(data);
if (!result) {
userInfos.weekBillReport = !userInfos.weekBillReport;
switchLoadMapControl(switchLoadMap, index, false);
return;
}
switchLoadMapControl(switchLoadMap, index, false);
};
/** 更新用户周账单提醒是否开启 */
export const updateUserReportStatusByMouth = async (index: number) => {
// 点击时开始loading加载
switchLoadMapControl(switchLoadMap, index, true);
// 是否确认修改弹窗内容
const confirm = await messageBox({
title: $t('confirm_update_status'),
showMessage: false,
confirmMessage: undefined,
cancelMessage: $t('cancel'),
});
// 如果不修改将值恢复到之前状态
if (!confirm) {
userInfos.mouthBillReport = !userInfos.mouthBillReport;
switchLoadMapControl(switchLoadMap, index, false);
return;
}
// 修改用户状态
const data = { type: 'mouth', status: userInfos.mouthBillReport };
const result = await adminUserStore.updateUserBillReportByLocalUser(data);
if (!result) {
userInfos.mouthBillReport = !userInfos.mouthBillReport;
switchLoadMapControl(switchLoadMap, index, false);
return;
}
switchLoadMapControl(switchLoadMap, index, false);
};