chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

fix(02): upload image

Browse source
This commit is contained in:
puriphatt 2024-08-28 16:56:54 +07:00
parent 59436725f7
commit 7476133bef
2 changed files with 9 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/pages/02_personnel-management/MainPage.vue
View file

@ -287,9 +287,9 @@ const columns = [
}, },
] satisfies QTableProps['columns']; ] satisfies QTableProps['columns'];
watch(profileFileImg, () => { // watch(profileFileImg, () => {
if (profileFileImg.value) reader.readAsDataURL(profileFileImg.value); // if (profileFileImg.value) reader.readAsDataURL(profileFileImg.value);
}); // });
async function openDialog( async function openDialog(
action?: 'FORM' | 'INFO', action?: 'FORM' | 'INFO',
@ -392,11 +392,7 @@ function onClose() {
flowStore.rotate(); flowStore.rotate();
} }
async function onSubmit() { async function onSubmit() {
if (profileSubmit.value) { formData.value.profileImage = profileFileImg.value as File;
formData.value.profileImage = profileFileImg.value as File;
} else {
formData.value.profileImage = null;
}
if (isEdit.value && userId.value) { if (isEdit.value && userId.value) {
if (!userId.value) return; if (!userId.value) return;
@ -445,7 +441,6 @@ async function onSubmit() {
: hqId.value : hqId.value
? hqId.value ? hqId.value
: ''; : '';
const result = await userStore.create(formData.value); const result = await userStore.create(formData.value);
if (result && formData.value.userType === 'AGENCY') { if (result && formData.value.userType === 'AGENCY') {

9
src/stores/user/index.ts
View file

@ -280,13 +280,14 @@ const useUserStore = defineStore('api-user', () => {
}, },
); );
profileImage && if (profileImage && res.data.id) {
(await axios await api
.put(res.data.profileImageUploadUrl, profileImage, { .put(`/user/${res.data.id}/image`, profileImage, {
headers: { 'Content-Type': profileImage.type }, headers: { 'Content-Type': profileImage.type },
onUploadProgress: (e) => console.log(e), onUploadProgress: (e) => console.log(e),
}) })
.catch((e) => console.error(e))); .catch((e) => console.error(e));
}
if (!res) return false; if (!res) return false;