import {
	reactive,
	ref,
	computed,
	nextTick
} from 'vue';
import {
	uploadFile
} from '@/api/common';
import {
	queryCurrentUser
} from '@/api/login.js';
import common from '@/common/common';
import {
	updateDfSysUserExtandInfoImageAddr
} from '@/api/user.js';

export default function useUpdateAvatar({
	success = () => {}
}) {
	const avatarCropperUrl = ref('');
	const avatarCropperStatus = ref(true);
	// 点击修改头像
	const click_update_avatar = () => {
		uni.chooseImage({
			count: 1,
			sizeType: ['compressed'],
			success: (resPicture) => {
				uni.getFileInfo({
					filePath: resPicture.tempFilePaths[0],
					success: function(resSize) {
						if (resSize.size > 10 * 1024 * 1024) return common.msg(
							'图片过大，请重新选择');
						avatarCropperUrl.value = resPicture.tempFilePaths[0];
						avatarCropperStatus.value = true;
					},
					fail: function(err) {
						common.msg('获取图片失败，请选择其他图片');
					}
				});
			}
		});
	};
	// 选择头像取消
	const avatarOnCancel = (value) => {
		avatarCropperStatus.value = false;
	};
	// 选择头像确定
	const avatarOnConfirm = (file) => {
		avatarCropperStatus.value = false;
		nextTick(async () => {
			common.loading('更新头像中');
			try {
				const data = {
					bizScen: 'S3007',
					thumbnailFlag: true,
					thumbImgSize: 100
				};
				// 上传图片
				const res = await uploadFile(file.tempFilePath, data);
				// 更新个人信息
				await updateDfSysUserExtandInfoImageAddr({
					imageAddr: res.thumbFileId
				});
				// 更新个人信息
				const userData = await queryCurrentUser();
				common.msg('修改成功');
				success(userData)

			} catch {
				common.msg('修改失败');
			}
			common.hideLoading();
		});
	};
	return {
		avatarCropperUrl,
		avatarCropperStatus,
		click_update_avatar,
		avatarOnCancel,
		avatarOnConfirm,
	};
}