hrms-bangkok/hrms-user
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

refactor(file): replace window.open with blob download pattern in registry

Browse source
This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2026-05-01 09:43:00 +07:00
parent 14195e972f
commit e5d9800294
9 changed files with 122 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/modules/10_registry/01_Information/02_ChangeName.vue
View file

@ -136,10 +136,6 @@ async function onDownloadFile(id: string, profileId: string) {
),
)
.then(async (res) => {
// const data = res.data.downloadUrl;
// window.open(data, "_blank");
console.log(res.data);
const downloadUrl = res.data.downloadUrl;
const response = await fetch(downloadUrl);
const blob = await response.blob();

21
src/modules/10_registry/01_Information/06_Ability.vue
View file

@ -240,7 +240,7 @@ function onSearch() {
rows.value = onSearchDataTable(
filter.value,
rowsData.value,
columns.value ? columns.value : []
columns.value ? columns.value : [],
);
}
@ -258,12 +258,23 @@ async function onDownloadFile(id: string, profileId: string) {
"เอกสารความสามารถพิเศษ",
profileId,
id,
"เอกสารหลักฐาน"
)
"เอกสารหลักฐาน",
),
)
.then(async (res) => {
const data = res.data;
window.open(data.downloadUrl, "_blank");
const downloadUrl = res.data.downloadUrl;
const response = await fetch(downloadUrl);
const blob = await response.blob();
const url = URL.createObjectURL(blob);
const link = document.createElement("a");
link.href = url;
link.download = `เอกสารความสามารถพิเศษ_`;
document.body.appendChild(link);
link.click();
setTimeout(() => {
document.body.removeChild(link);
URL.revokeObjectURL(url);
}, 100);
})
.catch((err) => {
messageError($q, err);

18
src/modules/10_registry/02_Government/02_Discipline.vue
View file

@ -194,8 +194,20 @@ async function getHistory() {
async function onDownloadFile(id: string, profileId: string) {
showLoader();
try {
const data = await getPathUploadFlie(fileGroup.value, profileId, id);
window.open(data.downloadUrl, "_blank");
const res = await getPathUploadFlie(fileGroup.value, profileId, id);
const downloadUrl = res.downloadUrl;
const response = await fetch(downloadUrl);
const blob = await response.blob();
const url = URL.createObjectURL(blob);
const link = document.createElement("a");
link.href = url;
link.download = `เอกสารวินัย`;
document.body.appendChild(link);
link.click();
setTimeout(() => {
document.body.removeChild(link);
URL.revokeObjectURL(url);
}, 100);
} catch (e) {
messageError($q, e);
} finally {
@ -208,7 +220,7 @@ function onSearch() {
rows.value = onSearchDataTable(
filter.value,
rowsData.value,
columns.value ? columns.value : []
columns.value ? columns.value : [],
);
}

18
src/modules/10_registry/02_Government/04_Duty.vue
View file

@ -297,8 +297,20 @@ async function getHistory() {
async function onDownloadFile(id: string, profileId: string) {
showLoader();
try {
const data = await getPathUploadFlie(fileGroup.value, profileId, id);
window.open(data.downloadUrl, "_blank");
const res = await getPathUploadFlie(fileGroup.value, profileId, id);
const downloadUrl = res.downloadUrl;
const response = await fetch(downloadUrl);
const blob = await response.blob();
const url = URL.createObjectURL(blob);
const link = document.createElement("a");
link.href = url;
link.download = `เอกสารปฏิบัติราชการพิเศษ`;
document.body.appendChild(link);
link.click();
setTimeout(() => {
document.body.removeChild(link);
URL.revokeObjectURL(url);
}, 100);
} catch (e) {
messageError($q, e);
} finally {
@ -311,7 +323,7 @@ function onSearch() {
rows.value = onSearchDataTable(
filter.value,
rowsData.value,
columns.value ? columns.value : []
columns.value ? columns.value : [],
);
}

21
src/modules/10_registry/02_Government/06_Assistance.vue
View file

@ -302,12 +302,23 @@ async function onDownloadFile(id: string, profileId: string) {
"ช่วยราชการ",
profileId,
id,
"เอกสารหลักฐาน"
)
"เอกสารหลักฐาน",
),
)
.then(async (res) => {
const data = res.data;
window.open(data.downloadUrl, "_blank");
const downloadUrl = res.data.downloadUrl;
const response = await fetch(downloadUrl);
const blob = await response.blob();
const url = URL.createObjectURL(blob);
const link = document.createElement("a");
link.href = url;
link.download = `เอกสารช่วยราชการ`;
document.body.appendChild(link);
link.click();
setTimeout(() => {
document.body.removeChild(link);
URL.revokeObjectURL(url);
}, 100);
})
.catch((err) => {
messageError($q, err);
@ -322,7 +333,7 @@ function onSearch() {
rows.value = onSearchDataTable(
filter.value,
rowsData.value,
columns.value ? columns.value : []
columns.value ? columns.value : [],
);
}

20
src/modules/10_registry/03_Salary/02_Nopaid.vue
View file

@ -255,7 +255,7 @@ async function getHistory() {
rowsHistoryData.value = [];
await http
.get(
config.API.dataUserSalaryNopaidHistoryByType(link.value, idByRow.value)
config.API.dataUserSalaryNopaidHistoryByType(link.value, idByRow.value),
)
.then((res) => {
const data = res.data.result;
@ -278,8 +278,20 @@ async function getHistory() {
async function onDownloadFile(id: string, profileId: string) {
showLoader();
try {
const data = await getPathUploadFlie(fileGroup.value, profileId, id);
window.open(data.downloadUrl, "_blank");
const res = await getPathUploadFlie(fileGroup.value, profileId, id);
const downloadUrl = res.downloadUrl;
const response = await fetch(downloadUrl);
const blob = await response.blob();
const url = URL.createObjectURL(blob);
const link = document.createElement("a");
link.href = url;
link.download = `บันทึกวันที่ไม่ได้รับ${salaryText.value}ฯ`;
document.body.appendChild(link);
link.click();
setTimeout(() => {
document.body.removeChild(link);
URL.revokeObjectURL(url);
}, 100);
} catch (e) {
messageError($q, e);
} finally {
@ -292,7 +304,7 @@ function onSearch() {
rows.value = onSearchDataTable(
filter.value,
rowsData.value,
columns.value ? columns.value : []
columns.value ? columns.value : [],
);
}

20
src/modules/10_registry/04_Achievement/01_Certificate.vue
View file

@ -253,8 +253,8 @@ async function getHistory() {
config.API.dataUserCertificateHistoryByType(
link.value,
"certificate",
idByRow.value
)
idByRow.value,
),
)
.then((res) => {
const data = res.data.result;
@ -278,7 +278,19 @@ async function onDownloadFile(id: string, profileId: string) {
showLoader();
try {
const data = await getPathUploadFlie(fileGroup.value, profileId, id);
window.open(data.downloadUrl, "_blank");
const downloadUrl = data.downloadUrl;
const response = await fetch(downloadUrl);
const blob = await response.blob();
const url = URL.createObjectURL(blob);
const link = document.createElement("a");
link.href = url;
link.download = `เอกสารใบอนุญาตประกอบวิชาชีพ`;
document.body.appendChild(link);
link.click();
setTimeout(() => {
document.body.removeChild(link);
URL.revokeObjectURL(url);
}, 100);
} catch (error) {
messageError($q, error);
} finally {
@ -291,7 +303,7 @@ function onSearch() {
rows.value = onSearchDataTable(
filter.value,
rowsData.value,
columns.value ? columns.value : []
columns.value ? columns.value : [],
);
}

20
src/modules/10_registry/04_Achievement/03_Insignia.vue
View file

@ -469,8 +469,8 @@ async function getHistory() {
config.API.dataUserCertificateHistoryByType(
link.value,
"insignia",
idByRow.value
)
idByRow.value,
),
)
.then((res) => {
const data = res.data.result;
@ -494,7 +494,18 @@ async function onDownloadFile(id: string, profileId: string) {
showLoader();
try {
const data = await getPathUploadFlie(fileGroup.value, profileId, id);
window.open(data.downloadUrl, "_blank");
const response = await fetch(data.downloadUrl);
const blob = await response.blob();
const url = URL.createObjectURL(blob);
const link = document.createElement("a");
link.href = url;
link.download = `เอกสารเครื่องราชอิสริยาภรณ์`;
document.body.appendChild(link);
link.click();
setTimeout(() => {
document.body.removeChild(link);
URL.revokeObjectURL(url);
}, 100);
} catch (error) {
messageError($q, error);
} finally {
@ -507,7 +518,7 @@ function onSearch() {
rows.value = onSearchDataTable(
filter.value,
rowsData.value,
columns.value ? columns.value : []
columns.value ? columns.value : [],
);
}
@ -647,7 +658,6 @@ onMounted(async () => {
dense
round
size="14px"
class="absolute_button"
@click="onHistory(props.row.id)"
>
<q-tooltip>ประวัติแก้ไขเครื่องราชอิสริยาภรณ์</q-tooltip>

16
src/modules/10_registry/04_Achievement/04_Honor.vue
View file

@ -278,7 +278,18 @@ async function onDownloadFile(id: string, profileId: string) {
showLoader();
try {
const data = await getPathUploadFlie(fileGroup.value, profileId, id);
window.open(data.downloadUrl, "_blank");
const response = await fetch(data.downloadUrl);
const blob = await response.blob();
const url = URL.createObjectURL(blob);
const link = document.createElement("a");
link.href = url;
link.download = `เอกสารประกาศเกียรติคุณ`;
document.body.appendChild(link);
link.click();
setTimeout(() => {
document.body.removeChild(link);
URL.revokeObjectURL(url);
}, 100);
} catch (error) {
messageError($q, error);
} finally {
@ -291,7 +302,7 @@ function onSearch() {
rows.value = onSearchDataTable(
filter.value,
rowsData.value,
columns.value ? columns.value : []
columns.value ? columns.value : [],
);
}
@ -429,7 +440,6 @@ onMounted(async () => {
dense
round
size="14px"
class="absolute_button"
@click="onHistory(props.row.id)"
>
<q-tooltip>ประวัติแก้ไขประกาศเกียรติคุณ</q-tooltip>