diff --git a/package-lock.json b/package-lock.json index 64109bf..3d21f8e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,7 +10,9 @@ "dependencies": { "@mdi/font": "5.9.55", "@trpc/client": "^10.45.2", + "compressorjs": "^1.2.1", "filereader": "^0.10.3", + "pica": "^9.0.1", "roboto-fontface": "*", "thai-id-validator": "^1.1.3", "vue": "^3.2.13", @@ -3306,6 +3308,11 @@ "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==", "dev": true }, + "node_modules/blueimp-canvas-to-blob": { + "version": "3.29.0", + "resolved": "https://registry.npmjs.org/blueimp-canvas-to-blob/-/blueimp-canvas-to-blob-3.29.0.tgz", + "integrity": "sha512-0pcSSGxC0QxT+yVkivxIqW0Y4VlO2XSDPofBAqoJ1qJxgH9eiUDLv50Rixij2cDuEfx4M6DpD9UGZpRhT5Q8qg==" + }, "node_modules/body-parser": { "version": "1.20.2", "resolved": "https://registry.npmmirror.com/body-parser/-/body-parser-1.20.2.tgz", @@ -3918,6 +3925,15 @@ "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", "dev": true }, + "node_modules/compressorjs": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/compressorjs/-/compressorjs-1.2.1.tgz", + "integrity": "sha512-+geIjeRnPhQ+LLvvA7wxBQE5ddeLU7pJ3FsKFWirDw6veY3s9iLxAQEw7lXGHnhCJvBujEQWuNnGzZcvCvdkLQ==", + "dependencies": { + "blueimp-canvas-to-blob": "^3.29.0", + "is-blob": "^2.1.0" + } + }, "node_modules/concat-map": { "version": "0.0.1", "resolved": "https://registry.npmmirror.com/concat-map/-/concat-map-0.0.1.tgz", @@ -6403,6 +6419,11 @@ "node": ">=10" } }, + "node_modules/glur": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/glur/-/glur-1.1.2.tgz", + "integrity": "sha512-l+8esYHTKOx2G/Aao4lEQ0bnHWg4fWtJbVoZZT9Knxi01pB8C80BR85nONLFwkkQoFRCmXY+BUcGZN3yZ2QsRA==" + }, "node_modules/gopd": { "version": "1.0.1", "resolved": "https://registry.npmmirror.com/gopd/-/gopd-1.0.1.tgz", @@ -6893,6 +6914,17 @@ "node": ">=8" } }, + "node_modules/is-blob": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/is-blob/-/is-blob-2.1.0.tgz", + "integrity": "sha512-SZ/fTft5eUhQM6oF/ZaASFDEdbFVe89Imltn9uZr03wdKMcWNVYSMjQPFtg05QuNkt5l5c135ElvXEQG0rk4tw==", + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/is-buffer": { "version": "1.1.6", "resolved": "https://registry.npmmirror.com/is-buffer/-/is-buffer-1.1.6.tgz", @@ -10372,6 +10404,15 @@ "multicast-dns": "cli.js" } }, + "node_modules/multimath": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/multimath/-/multimath-2.0.0.tgz", + "integrity": "sha512-toRx66cAMJ+Ccz7pMIg38xSIrtnbozk0dchXezwQDMgQmbGpfxjtv68H+L00iFL8hxDaVjrmwAFSb3I6bg8Q2g==", + "dependencies": { + "glur": "^1.1.2", + "object-assign": "^4.1.1" + } + }, "node_modules/mz": { "version": "2.7.0", "resolved": "https://registry.npmmirror.com/mz/-/mz-2.7.0.tgz", @@ -10618,7 +10659,6 @@ "version": "4.1.1", "resolved": "https://registry.npmmirror.com/object-assign/-/object-assign-4.1.1.tgz", "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==", - "dev": true, "engines": { "node": ">=0.10.0" } @@ -11012,6 +11052,17 @@ "node": ">=8" } }, + "node_modules/pica": { + "version": "9.0.1", + "resolved": "https://registry.npmjs.org/pica/-/pica-9.0.1.tgz", + "integrity": "sha512-v0U4vY6Z3ztz9b4jBIhCD3WYoecGXCQeCsYep+sXRefViL+mVVoTL+wqzdPeE+GpBFsRUtQZb6dltvAt2UkMtQ==", + "dependencies": { + "glur": "^1.1.2", + "multimath": "^2.0.0", + "object-assign": "^4.1.1", + "webworkify": "^1.5.0" + } + }, "node_modules/picocolors": { "version": "1.0.0", "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-1.0.0.tgz", @@ -14286,6 +14337,11 @@ "node": ">=0.8.0" } }, + "node_modules/webworkify": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/webworkify/-/webworkify-1.5.0.tgz", + "integrity": "sha512-AMcUeyXAhbACL8S2hqqdqOLqvJ8ylmIbNwUIqQujRSouf4+eUFaXbG6F1Rbu+srlJMmxQWsiU7mOJi0nMBfM1g==" + }, "node_modules/whatwg-encoding": { "version": "1.0.5", "resolved": "https://registry.npmmirror.com/whatwg-encoding/-/whatwg-encoding-1.0.5.tgz", @@ -17275,6 +17331,11 @@ "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==", "dev": true }, + "blueimp-canvas-to-blob": { + "version": "3.29.0", + "resolved": "https://registry.npmjs.org/blueimp-canvas-to-blob/-/blueimp-canvas-to-blob-3.29.0.tgz", + "integrity": "sha512-0pcSSGxC0QxT+yVkivxIqW0Y4VlO2XSDPofBAqoJ1qJxgH9eiUDLv50Rixij2cDuEfx4M6DpD9UGZpRhT5Q8qg==" + }, "body-parser": { "version": "1.20.2", "resolved": "https://registry.npmmirror.com/body-parser/-/body-parser-1.20.2.tgz", @@ -17781,6 +17842,15 @@ } } }, + "compressorjs": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/compressorjs/-/compressorjs-1.2.1.tgz", + "integrity": "sha512-+geIjeRnPhQ+LLvvA7wxBQE5ddeLU7pJ3FsKFWirDw6veY3s9iLxAQEw7lXGHnhCJvBujEQWuNnGzZcvCvdkLQ==", + "requires": { + "blueimp-canvas-to-blob": "^3.29.0", + "is-blob": "^2.1.0" + } + }, "concat-map": { "version": "0.0.1", "resolved": "https://registry.npmmirror.com/concat-map/-/concat-map-0.0.1.tgz", @@ -19710,6 +19780,11 @@ "slash": "^3.0.0" } }, + "glur": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/glur/-/glur-1.1.2.tgz", + "integrity": "sha512-l+8esYHTKOx2G/Aao4lEQ0bnHWg4fWtJbVoZZT9Knxi01pB8C80BR85nONLFwkkQoFRCmXY+BUcGZN3yZ2QsRA==" + }, "gopd": { "version": "1.0.1", "resolved": "https://registry.npmmirror.com/gopd/-/gopd-1.0.1.tgz", @@ -20098,6 +20173,11 @@ "binary-extensions": "^2.0.0" } }, + "is-blob": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/is-blob/-/is-blob-2.1.0.tgz", + "integrity": "sha512-SZ/fTft5eUhQM6oF/ZaASFDEdbFVe89Imltn9uZr03wdKMcWNVYSMjQPFtg05QuNkt5l5c135ElvXEQG0rk4tw==" + }, "is-buffer": { "version": "1.1.6", "resolved": "https://registry.npmmirror.com/is-buffer/-/is-buffer-1.1.6.tgz", @@ -22854,6 +22934,15 @@ "thunky": "^1.0.2" } }, + "multimath": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/multimath/-/multimath-2.0.0.tgz", + "integrity": "sha512-toRx66cAMJ+Ccz7pMIg38xSIrtnbozk0dchXezwQDMgQmbGpfxjtv68H+L00iFL8hxDaVjrmwAFSb3I6bg8Q2g==", + "requires": { + "glur": "^1.1.2", + "object-assign": "^4.1.1" + } + }, "mz": { "version": "2.7.0", "resolved": "https://registry.npmmirror.com/mz/-/mz-2.7.0.tgz", @@ -23052,8 +23141,7 @@ "object-assign": { "version": "4.1.1", "resolved": "https://registry.npmmirror.com/object-assign/-/object-assign-4.1.1.tgz", - "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==", - "dev": true + "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==" }, "object-inspect": { "version": "1.13.1", @@ -23369,6 +23457,17 @@ "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==", "dev": true }, + "pica": { + "version": "9.0.1", + "resolved": "https://registry.npmjs.org/pica/-/pica-9.0.1.tgz", + "integrity": "sha512-v0U4vY6Z3ztz9b4jBIhCD3WYoecGXCQeCsYep+sXRefViL+mVVoTL+wqzdPeE+GpBFsRUtQZb6dltvAt2UkMtQ==", + "requires": { + "glur": "^1.1.2", + "multimath": "^2.0.0", + "object-assign": "^4.1.1", + "webworkify": "^1.5.0" + } + }, "picocolors": { "version": "1.0.0", "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-1.0.0.tgz", @@ -25852,6 +25951,11 @@ "integrity": "sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==", "dev": true }, + "webworkify": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/webworkify/-/webworkify-1.5.0.tgz", + "integrity": "sha512-AMcUeyXAhbACL8S2hqqdqOLqvJ8ylmIbNwUIqQujRSouf4+eUFaXbG6F1Rbu+srlJMmxQWsiU7mOJi0nMBfM1g==" + }, "whatwg-encoding": { "version": "1.0.5", "resolved": "https://registry.npmmirror.com/whatwg-encoding/-/whatwg-encoding-1.0.5.tgz", diff --git a/package.json b/package.json index 1af9bed..de8ed76 100644 --- a/package.json +++ b/package.json @@ -11,7 +11,9 @@ "dependencies": { "@mdi/font": "5.9.55", "@trpc/client": "^10.45.2", + "compressorjs": "^1.2.1", "filereader": "^0.10.3", + "pica": "^9.0.1", "roboto-fontface": "*", "thai-id-validator": "^1.1.3", "vue": "^3.2.13", diff --git a/src/App.vue b/src/App.vue index 0e127c1..edde6e6 100644 --- a/src/App.vue +++ b/src/App.vue @@ -13,12 +13,19 @@ > - + + + ตรวจสอบสิทธิ์ + + + + หน้าหลัก + - เข้าสู่ระบบ + เข้าสู่ระบบ + @@ -129,7 +140,7 @@ export default { if (this.getUsername == "") { this.$store.commit("setUsername", this.username); } - if (this.getImg == ""||this.getImg == null||this.getImg == undefined) { + if (this.getImg == "" || this.getImg == null || this.getImg == undefined) { this.$store.commit("setImg", this.img); } }, diff --git a/src/assets/logo-title-2.png b/src/assets/logo-title-2.png new file mode 100644 index 0000000..0ca0f8d Binary files /dev/null and b/src/assets/logo-title-2.png differ diff --git a/src/components/HeaderHome.vue b/src/components/HeaderHome.vue index 13c4a38..24bc00e 100644 --- a/src/components/HeaderHome.vue +++ b/src/components/HeaderHome.vue @@ -19,7 +19,7 @@
- ขั้นตอนการใช้งานระบบ - + --> @@ -46,23 +46,11 @@
- - -
+
- ตรวจสอบคุณสมบัติการเป็น สว. + + ตรวจสอบคุณสมบัติการเป็น สว. diff --git a/src/components/MainVote.vue b/src/components/MainVote.vue index a6b54b4..df691ab 100644 --- a/src/components/MainVote.vue +++ b/src/components/MainVote.vue @@ -2,7 +2,7 @@
- + @@ -16,7 +16,7 @@ import { mapGetters } from "vuex"; // import { client } from "@/utils/trpc"; import Header from "./HeaderHome.vue"; import Section2Green from "./Section2Green.vue"; -import Section3Base from "./Section3Base.vue"; +// import Section3Base from "./Section3Base.vue"; import Section4White from "./Section4White.vue"; import Section5Green from "./Section5Green.vue"; import Section6Base from "./Section6Base.vue"; @@ -29,7 +29,7 @@ export default { components: { Header, Section2Green, - Section3Base, + // Section3Base, Section4White, Section5Green, Section6Base, diff --git a/src/components/Section2Green.vue b/src/components/Section2Green.vue index 7651476..eac9a2b 100644 --- a/src/components/Section2Green.vue +++ b/src/components/Section2Green.vue @@ -1,19 +1,19 @@ diff --git a/src/components/form/FormSteper.vue b/src/components/form/FormSteper.vue index 9062f26..3336061 100644 --- a/src/components/form/FormSteper.vue +++ b/src/components/form/FormSteper.vue @@ -52,6 +52,9 @@ >
กรอกเลขบัตรประชาชน 13 หลัก เช่น 1234567890123 + + * ใช้เป็น username +
- +
+ กรอกโทรศัพท์ 10 หลัก เช่น 0812345678 + + * ใช้เป็น password + +
+ + - +
จังหวัดที่คุณประสงค์จะลงสมัคร* สามารถเลือก 1 อำเภอ/เขต @@ -210,6 +230,7 @@
- - +
+
อำเภอที่คุณประสงค์จะลงสมัคร* สามารถเลือก 1 อำเภอ/เขต @@ -240,6 +261,7 @@
- +
@@ -408,7 +430,7 @@ -->
- ช่องทางการติดต่อ (สำหรับเปิดเผยต่อสาธารณะ) + ช่องทางการติดต่อ (ถ้ามี)
@@ -500,13 +522,14 @@ ขอภยันตรายและความวิบัติทั้งปวงจงบังเกิดแก่ข้าพเจ้า โดยพลัน *ยืนยันการส่งคำตอบ เพื่อประกาศตัวเป็นผู้สมัครเป็น สว.67
-
+
บันทึก @@ -545,6 +568,8 @@ import { client } from "@/utils/trpc"; import { createFormData } from "@/utils/fileUpload"; import validateThaiID from "thai-id-validator"; // client.info.getAllGroups.query({}).then(console.log); +import pica from "pica"; +import Compressor from "compressorjs"; export default { watch: { image(val) { @@ -580,6 +605,18 @@ export default { data() { return { + loadimg: false, + educateItem: [ + "ต่ำกว่าระดับประถม", + "ระดับประถม", + "ระดับมัธยมต้น", + "ระดับมัธยมปลาย", + "ระดับอาชีวศึกษา", + "ระดับปริญญาตรี", + "ระดับปริญญาโท", + "ระดับปริญญาเอก", + ], + load: false, check: false, form1: false, form2: false, @@ -666,6 +703,7 @@ export default { group: null, zone: null, province: null, + registerno: null, // opinions: [ // { // opinionId: "", @@ -748,21 +786,95 @@ export default { }, methods: { onFileChanged(event) { + this.loadimg = true; const file = event.target.files[0]; this.file = file; if (this.file && this.file !== null) { - const reader = new FileReader(); - reader.onload = (event) => { - console.log(event.target.result); - this.url = event.target.result; - }; - reader.readAsDataURL(this.file); - console.log(); + this.resizeAndCompressImage(this.file); } else { this.url = null; } }, + resizeAndCompressImage(file) { + const picaInstance = pica(); + const img = new Image(); + const reader = new FileReader(); + + reader.onload = (e) => { + img.src = e.target.result; + img.onload = () => { + const canvas = document.createElement("canvas"); + const maxWidth = 1024; + const maxHeight = 1024; + + let width = img.width; + let height = img.height; + + if (width > height) { + if (width > maxWidth) { + height *= maxWidth / width; + width = maxWidth; + } + } else { + if (height > maxHeight) { + width *= maxHeight / height; + height = maxHeight; + } + } + + canvas.width = width; + canvas.height = height; + + picaInstance + .resize(img, canvas, { + quality: 3, + alpha: true, + }) + .then((result) => picaInstance.toBlob(result, "image/jpeg", 0.8)) + .then((blob) => { + if (blob.size > 3 * 1024 * 1024) { + new Compressor(blob, { + quality: 0.6, + maxWidth: 1024, + maxHeight: 1024, + success: (compressedBlob) => { + const compressedFile = new File( + [compressedBlob], + file.name, + { type: file.type, lastModified: Date.now() } + ); + this.file = compressedFile; + this.createUrlFromBlob(compressedFile); + }, + error: (err) => { + console.error("Compression error:", err); + }, + }); + } else { + const resizedFile = new File([blob], file.name, { + type: file.type, + lastModified: Date.now(), + }); + this.file = resizedFile; + this.createUrlFromBlob(resizedFile); + this.loadimg = false; + } + }) + .catch((err) => { + console.error("Resize error:", err); + }); + }; + }; + reader.readAsDataURL(file); + }, + createUrlFromBlob(blob) { + const reader = new FileReader(); + reader.onload = (event) => { + this.url = event.target.result; + }; + reader.readAsDataURL(blob); + }, async uploadImage() { if (!this.file) { return; @@ -775,17 +887,24 @@ export default { await fetch(request.postURL, { method: "POST", body: formData, - }).then(() => { - client.user.confirmChangeImage.mutate().then(() => { + }) + .then(() => { + client.user.confirmChangeImage.mutate().then(() => { + this.getUser(); + // alert( + // "บันทึกข้อมูลสำเร็จ\n สามารถ login ด้วย username : เลขบัตรประชาชน / password : เบอร์โทรศัพท์" + // ); + }); + }) + .catch((error) => { + console.log("error.message", error.message); this.getUser(); - // alert( - // "บันทึกข้อมูลสำเร็จ\n สามารถ login ด้วย username : เลขบัตรประชาชน / password : เบอร์โทรศัพท์" - // ); + // alert("ไม่สามารถบันทึกข้อมูลจุดยืนได้: " + error.message); }); - }); console.log("done"); }, submit() { + this.load = true; let dataOption = [...this.option1, ...this.option2]; const filterOpt = dataOption.map((item) => { return { @@ -836,12 +955,12 @@ export default { if (this.file) { this.uploadImage(); } else { + alert( + "บันทึกรูปภาพไม่สำเร็จ!" + ); this.getUser(); - // alert( - // "บันทึกข้อมูลสำเร็จ\n สามารถ login ด้วย username : เลขบัตรประชาชน / password : เบอร์โทรศัพท์" - // ); + } - }) .catch((error) => { alert("ไม่สามารถบันทึกข้อมูลได้: " + error.message); @@ -852,10 +971,10 @@ export default { client.user.login .mutate(payload) .then((data) => { + this.load = false; this.$store.commit("setCheckLogin", false); localStorage.setItem("token", data.token); this.$router.push("/"); - }) .catch((error) => { alert("ไม่สามารถบันทึกข้อมูลได้: " + error.message); @@ -952,6 +1071,12 @@ export default { }; diff --git a/src/components/search/CardUserGroup.vue b/src/components/search/CardUserGroup.vue new file mode 100644 index 0000000..b99ff22 --- /dev/null +++ b/src/components/search/CardUserGroup.vue @@ -0,0 +1,480 @@ + + + + diff --git a/src/components/search/SearchMain.vue b/src/components/search/SearchMain.vue index 7d98c42..9d3ff1f 100644 --- a/src/components/search/SearchMain.vue +++ b/src/components/search/SearchMain.vue @@ -66,7 +66,15 @@ > --> - + - - ค้นหา + ค้นหากลุ่มอาชีพตนเอง + + + + ค้นหาทุกกลุ่มอาชีพ +
+ - +
+ ไม่พบข้อมูล +
-
- ไม่พบข้อมูล +
+ +
- -
- + +
+ + +
+ +
+
@@ -127,14 +177,20 @@ // import Provinces from "@/components/form/provinces.json"; // import Districts from "@/components/form/districts.json"; import CardUser from "./CardUser.vue"; +import CardUserGroup from "./CardUserGroup.vue"; import { client } from "@/utils/trpc"; export default { components: { CardUser, + CardUserGroup, }, data() { return { + checkbox1: true, + showGroup: false, + apiGroup: [], + allg: "", checkdata: "", show: false, load: false, @@ -166,7 +222,9 @@ export default { // data.province = this.province; } if (this.group) { - data.group = this.group.id; + if (this.allg !== "all") { + data.group = this.group.id; + } } if (this.district) { data.zone = this.district.id; @@ -192,7 +250,8 @@ export default { console.error("เกิดข้อผิดพลาดในการโหลดข้อมูล:", error); }); }, - searchUserApi(offset) { + searchUserApi(offset, checkg) { + this.allg = checkg; this.show = false; this.load = true; if (offset == 0) { @@ -207,8 +266,11 @@ export default { data.province = this.province.id; // data.province = this.province; } + if (this.group) { - data.group = this.group.id; + if (checkg !== "all") { + data.group = this.group.id; + } } if (this.district) { data.zone = this.district.id; @@ -240,7 +302,7 @@ export default { .catch((error) => { this.load = false; - alert("ไม่สามารถโหลดข้อมูลได้"); + // alert("ไม่สามารถโหลดข้อมูลได้"); console.error("เกิดข้อผิดพลาดในการโหลดข้อมูล:", error); }); }, @@ -254,7 +316,7 @@ export default { this.districtItems = data; }) .catch((error) => { - alert("ไม่สามารถโหลดข้อมูลได้"); + // alert("ไม่สามารถโหลดข้อมูลได้"); console.error("เกิดข้อผิดพลาดในการโหลดข้อมูล:", error); }); } @@ -269,9 +331,14 @@ export default { this.district = data.zone; this.checkdata = { ...data }; this.group = data.group; + let filteredGroup = [...this.items].filter( + (x) => x.id !== data.group.id + ); + this.apiGroup = filteredGroup; + console.log("filteredGroup", filteredGroup); }) .catch((error) => { - alert("ไม่สามารถโหลดข้อมูลได้"); + // alert("ไม่สามารถโหลดข้อมูลได้"); console.error("เกิดข้อผิดพลาดในการโหลดข้อมูล:", error); }); }, @@ -283,7 +350,7 @@ export default { this.items = groups; }) .catch((error) => { - alert("ไม่สามารถโหลดข้อมูลได้"); + // alert("ไม่สามารถโหลดข้อมูลได้"); console.error("เกิดข้อผิดพลาดในการโหลดข้อมูล:", error); }); @@ -294,25 +361,25 @@ export default { this.getUser(data); }) .catch((error) => { - alert("ไม่สามารถโหลดข้อมูลได้"); + // alert("ไม่สามารถโหลดข้อมูลได้"); console.error("เกิดข้อผิดพลาดในการโหลดข้อมูล:", error); }); }, };