From 5fc473780c16486fb60344a0115f5447fa32593b Mon Sep 17 00:00:00 2001 From: Jarinya Date: Thu, 25 Apr 2024 19:11:29 +0700 Subject: [PATCH] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=E0=B9=84=E0=B8=82?= =?UTF-8?q?=20UI=20/=20UX=20=20=E0=B8=97=E0=B8=B3=20function=20search=20?= =?UTF-8?q?=E0=B9=83=E0=B8=AB=E0=B8=A1=E0=B9=88=20=E0=B8=95=E0=B8=B2?= =?UTF-8?q?=E0=B8=A1=E0=B8=9A=E0=B8=A3=E0=B8=B5=E0=B8=9F=E0=B8=9E=E0=B8=B5?= =?UTF-8?q?=E0=B9=88=E0=B8=AD=E0=B8=B2=E0=B8=A3=E0=B9=8C=E0=B8=A1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/App.vue | 87 ++++++++++++--- src/components/FooterPage.vue | 21 ++++ src/components/HeaderHome.vue | 51 +++++---- src/components/MainVote.vue | 11 +- src/components/Section2Green.vue | 107 ++++++++++++------ src/components/Section3Base.vue | 4 +- src/components/Section4White.vue | 4 +- src/components/Section5Green.vue | 10 +- src/components/Section6Base.vue | 26 ++--- src/components/Section8Base.vue | 49 ++++++--- src/components/check/CheckList.vue | 29 ++--- src/components/check/QuestionList.vue | 93 ++++++++++------ src/components/edit/FormMainEdit.vue | 4 +- src/components/edit/FormSteperEdit.vue | 65 ++++++----- src/components/form/FormMain.vue | 2 +- src/components/form/FormSteper.vue | 22 ++-- src/components/search/CardUser.vue | 14 +-- src/components/search/SearchMain.vue | 90 ++++++++++----- src/store/index.js | 9 +- src/views/CheckDetail.vue | 10 +- src/views/CheckSurvey.vue | 1 - src/views/LoginForm.vue | 145 +++++++++++++++++-------- src/views/ProfileUser.vue | 35 ++++-- src/views/RegisterForm.vue | 16 ++- src/views/SearchUser.vue | 15 ++- 25 files changed, 623 insertions(+), 297 deletions(-) create mode 100644 src/components/FooterPage.vue diff --git a/src/App.vue b/src/App.vue index f52c47a..1e8b4a8 100644 --- a/src/App.vue +++ b/src/App.vue @@ -15,18 +15,68 @@ - {{ getUsername }} - Logout - Log In - - Get Started + + + + เข้าสู่ระบบ + + + + + + + แก้ไขข้อมูลส่วนตัว + + + + + ออกจากระบบ + + + + + @@ -41,20 +91,26 @@ import { mapGetters } from "vuex"; export default { name: "App", computed: { - ...mapGetters(["getUsername"]), + ...mapGetters(["getUsername", "getImg"]), }, components: { // MainVote, }, data: () => ({ + img: "", username: "", + items: [ + { title: "แก้ไขข้อมูลส่วนตัว", icon: "mdi-account-edit", to: "/profile" }, + { title: "ออกจากระบบ", icon: "mdi-logout", to: "/profile" }, + ], }), methods: { logout() { localStorage.clear(); // location.reload(); this.$store.commit("setUsername", ""); + this.$store.commit("setImg", ""); this.$router.push("/"); }, }, @@ -66,10 +122,13 @@ export default { // } // }); this.username = localStorage.getItem("username"); - if(this.getUsername==""){ - this.$store.commit("setUsername", this.username); - } - + this.img = localStorage.getItem("img"); + if (this.getUsername == "") { + this.$store.commit("setUsername", this.username); + } + if (this.getImg == "") { + this.$store.commit("setImg", this.img); + } }, }; diff --git a/src/components/FooterPage.vue b/src/components/FooterPage.vue new file mode 100644 index 0000000..f1af911 --- /dev/null +++ b/src/components/FooterPage.vue @@ -0,0 +1,21 @@ + + + + \ No newline at end of file diff --git a/src/components/HeaderHome.vue b/src/components/HeaderHome.vue index e497bc9..dba4d70 100644 --- a/src/components/HeaderHome.vue +++ b/src/components/HeaderHome.vue @@ -7,7 +7,8 @@ @@ -19,42 +20,52 @@ - มาเริ่มกันเลย + เข้าสู่ระบบสำหรับผู้แสดงตนแล้ว
- - + + +
+
ใครสมัคร สว.ได้บ้าง
+
+ สมาชิกวุฒิสภาต้องไม่ฝักใฝ่หรือยอมตนอยู่ภายใต้ของพรรคการเมืองใดๆ + โดยมีคุณสมบัติดังนี้ +
+
เช็คคุณสมบัติกันเลย !
+ +
- ตรวจสอบคุณสมบัติ -
- การเป็น สว. + ตรวจสอบคุณสมบัติการเป็น สว.
+
- + - + + - ค้นหาผู้สมัคร สว. + ค้นหาผู้สมัคร สว. - + -->
@@ -124,9 +137,9 @@ export default { transform: translate(-50%, -50%); } .bg-curve { + padding-top: 90px; background-image: url("/src/assets/Path\ 14.png"); - height: 400px; - + height: 465px; background-position: center top; /* background: #2b2b26 0% 0% no-repeat padding-box; */ } diff --git a/src/components/MainVote.vue b/src/components/MainVote.vue index 4d66582..3daf28e 100644 --- a/src/components/MainVote.vue +++ b/src/components/MainVote.vue @@ -2,33 +2,36 @@
- + +
diff --git a/src/components/Section3Base.vue b/src/components/Section3Base.vue index 2ef4187..d7f44e8 100644 --- a/src/components/Section3Base.vue +++ b/src/components/Section3Base.vue @@ -1,14 +1,14 @@
-
เลือกสว. ระดับอำเภอ (ภายใน 20 วัน)
+
เลือก สว. ระดับอำเภอ (ภายใน 20 วัน)
@@ -45,7 +45,7 @@ 5
-
เลือกสว. ระดับจังหวัด (+ 7 วัน )
+
เลือก สว. ระดับจังหวัด (+ 7 วัน )
 @@ -54,7 +54,7 @@ 6
-
เลือกสว.ระดับประเทศ (+ 10 วัน )
+
เลือก สว.ระดับประเทศ (+ 10 วัน )
@@ -63,7 +63,7 @@ 7
-
กกต. ประกาศผล การเลือกสว.
+
กกต. ประกาศผล การเลือก สว.
diff --git a/src/components/Section6Base.vue b/src/components/Section6Base.vue index d805fa8..7bdf1e5 100644 --- a/src/components/Section6Base.vue +++ b/src/components/Section6Base.vue @@ -2,7 +2,7 @@
-
ขั้นตอนการเลือกสว.
+
ขั้นตอนการเลือก สว.
-->
- ประกาศให้มีการเลือกสว. + ประกาศให้มีการเลือก สว. mdi-menu-left 1
- ภายใน 5 วันนับตั้งแต่วันที่พระราชกฤษฎีกาให้มีการเลือกสว. - ใช้บังคับ ให้กกต.ประกาศกำหนดวันเลือกอระดับอำเภอ ระดับจังหวัด + ภายใน 5 วันนับตั้งแต่วันที่พระราชกฤษฎีกาให้มีการเลือก สว. + ใช้บังคับ ให้กกต.ประกาศกำหนดวันเลือกระดับอำเภอ ระดับจังหวัด ระดับประเทศ
@@ -45,13 +45,13 @@
- การสมัครรับเลือกสว. + การสมัครรับเลือก สว. mdi-menu-left 2
รับสมัครไม่เกิน 15 วันนับแต่วันที่พระราชกฤษฎีกาให้มี - การเลือกสว.ใช้บังคับ และกำหนดวันรับสมัครไม่น้อยกว่า 5 วัน + การเลือก สว.ใช้บังคับ และกำหนดวันรับสมัครไม่น้อยกว่า 5 วัน แต่ต้องไม่เกิน 7 วัน
@@ -88,7 +88,7 @@
mdi-menu-right 3 - การเลือกสว. ระดับอำเภอ + การเลือก สว. ระดับอำเภอ
@@ -104,7 +104,7 @@
การเลือกรอบที่ 2 เลือกกลุ่มบุคคลในสายเดียวกัน
- ผู้ได้คะแนนสูงสุดลำดับ 3 ลำดับแรก ของแต่ละกลุ่ม + ผู้ได้คะแนนสูงสุด 3 ลำดับแรก ของแต่ละกลุ่ม เป็นผู้ได้รับเลือกระดับอำเภอ สำหรับกลุ่มนั้น
@@ -117,7 +117,7 @@
- การเลือกสว. ระดับจังหวัด + การเลือก สว. ระดับจังหวัด mdi-menu-left 4
@@ -133,7 +133,7 @@
การเลือกรอบที่ 2 เลือกกลุ่มบุคคลในสายเดียวกัน
- ผู้ได้คะแนนสูงสุดลำดับ 2 ลำดับแรก ของแต่ละกลุ่ม + ผู้ได้คะแนนสูงสุด 2 ลำดับแรก ของแต่ละกลุ่ม เป็นผู้ได้รับเลือกระดับจังหวัด สำหรับกลุ่มนั้น
@@ -166,7 +166,7 @@
-
การเลือกสว. ระดับประเทศ +
การเลือก สว. ระดับประเทศ mdi-menu-left 5
@@ -182,7 +182,7 @@
การเลือกรอบที่ 2 เลือกกลุ่มบุคคลในสายเดียวกัน
- ผู้ได้คะแนนสูงสุดลำดับ 1-10 เป็นสว. และ ลำดับที่ 11-15 + ผู้ได้คะแนนสูงสุดลำดับ 1-10 เป็น สว. และ ลำดับที่ 11-15 อยู่ในบัญชีสำรองของกลุ่มนั้น
@@ -213,7 +213,7 @@
-
ประกาศผลเลือกสว. mdi-menu-left +
ประกาศผลเลือก สว. mdi-menu-left 6
เมื่อกกต. ได้รับรายงานจากผู้อำนวยการการเลือกระดับประเทศแล้ว diff --git a/src/components/Section8Base.vue b/src/components/Section8Base.vue index 7e3a857..002de54 100644 --- a/src/components/Section8Base.vue +++ b/src/components/Section8Base.vue @@ -2,19 +2,37 @@
- +
-
กลุ่มอาชีพผู้สมัครรับเลือกสว.
+
กลุ่มอาชีพผู้สมัครรับเลือก สว.

- ทุกคนที่มีคุณสมบัติและไม่มีลักษนะต้องห้าม - มีสิทธิสมัครรับเลือกเปนสว. ในกลุ่มใดกลุ่มหนึง ในกลุ่มอาชีพ 20 - กลุ่ม ดังนี้. + ทุกคนที่มีคุณสมบัติและไม่มีลักษนะต้องห้าม มีสิทธิสมัครรับเลือกเป็น + สว. ในกลุ่มใดกลุ่มหนึ่ง ในกลุ่มอาชีพ 20 กลุ่ม ดังนี้.
+
+ คู่มือตรวจเช็คคุณสมบัติ-ลักษณะต้องห้ามของผู้ที่จะสมัคร สว. +
- + + @click="count++" + class="pa-4 mb-5 mr-5 btn-phone" + icon="mdi-skip-next" + rounded="circle" + size="xl" + color="#4c884c" + > - + - - + -

{{ slide.txt }}

+ +

{{ slide.subtxt }}

{{ slide.link }} -

{{ slide.subtxt }}


@@ -163,14 +161,8 @@
+ -
- - กรุณาตอบคำถามให้ครบ -
แสดงตนเป็นผู้สมัคร @@ -234,27 +230,57 @@
-
- +
+
สรุปผล
- -
มีคุณสมบัติที่ไม่ผ่าน
- -
- - {{ i + 1 }} - - {{ txt.not }} + +
+ + กรุณาตอบคำถามให้ครบ +
+ ไม่ได้ตอบข้อ + {{ choice.idx }} , + +
+
+ +
+ + +
+ +
มีคุณสมบัติที่ไม่ผ่าน
+
+ + {{ i + 1 }} + + + {{ txt.not }} +
+
+ +
ข้อมูลส่วนตัว diff --git a/src/components/edit/FormSteperEdit.vue b/src/components/edit/FormSteperEdit.vue index 81da8bb..40a5e87 100644 --- a/src/components/edit/FormSteperEdit.vue +++ b/src/components/edit/FormSteperEdit.vue @@ -154,7 +154,7 @@ >
ช่วงที่ 2
- ข้อมูลการสมัครสว. + ข้อมูลการสมัคร สว.
@@ -272,7 +272,7 @@ >
ช่วงที่ 3
- จุดยืนในฐานะสมาชิกรัฐสภา (สว.) + จุดยืนในฐานะสมาชิกรัฐสภา ( สว.)
@@ -429,7 +429,7 @@
ช่วงที่ 4
- คำถามอื่นเกี่ยวกับสว. + คำถามอื่นเกี่ยวกับ สว.
@@ -437,7 +437,7 @@ แนวทางการพิจารณาเห็นชอบผู้ดำรงตำแหน่งในองค์กรอิสระ.
!files || !files.some(file => file.size > 3_097_152) || 'Avatar size should be less than 3 MB!'], + files: [ + (files) => + !files || + !files.some((file) => file.size > 3_097_152) || + "Avatar size should be less than 3 MB!", + ], space: (v) => /^[^ ]+$/.test(v) || "must not contain spaces.", username: (v) => /^[a-zA-Z0-9?><;.,{}[\]\-_+=!@#$%&*|']*$/.test(v) || @@ -722,7 +727,7 @@ export default { }, ], opnitem1: [ - { text: "สว. มีอำนาจโหวตเลือกนายกรัฐมนตรี", idx: 1, check: null }, + { text: " สว. มีอำนาจโหวตเลือกนายกรัฐมนตรี", idx: 1, check: null }, { text: "แก้ไขรัฐธรรมนูญ 2560", idx: 2, check: null }, { text: "เขียนรัฐธรรมนูญใหม่ “ทั้งฉบับ” ", idx: 3, check: null }, { @@ -736,7 +741,7 @@ export default { check: null, }, { - text: "แก้ไขที่มาของสว. ยกเลิกสว. ใช้ระบบสภาเดี่ยว", + text: "แก้ไขที่มาของ สว. ยกเลิก สว. ใช้ระบบสภาเดี่ยว", idx: 6, check: null, }, @@ -761,7 +766,7 @@ export default { }, { text: "กระจายอำนาจ เพิ่มงบประมาณให้ท้องถิ่น", idx: 13, check: null }, { - text: "เพิ่มอำนาจให้จังหวัดจัดการตัวเอง ถ่ายทอดสดการประชุมกรรมาธิการสว.", + text: "เพิ่มอำนาจให้จังหวัดจัดการตัวเอง ถ่ายทอดสดการประชุมกรรมาธิการ สว.", idx: 14, }, ], @@ -804,13 +809,13 @@ export default { }); this.option1 = mappedData.filter((item) => item.name !== null); this.option2 = mappedData2.filter((item) => item.name !== null); - console.log("mappedData", mappedData, opinions1); + // console.log("mappedData", mappedData, opinions1); } }, onFileChanged(event) { const file = event.target.files[0]; this.file = file; - + if (this.file && this.file !== null) { const reader = new FileReader(); reader.onload = (event) => { @@ -823,9 +828,20 @@ export default { this.url = null; } }, + getUserAfterEdit() { + client.user.getSelf.mutate({}).then((data) => { + localStorage.setItem("username", data.firstName); + localStorage.setItem("img", data.image); + this.$store.commit("setUsername", data.firstName); + this.$store.commit("setImg", data.image); + alert("บันทึกข้อมูลสำเร็จ"); + this.$router.push("/"); + }); + }, async uploadImage() { if (!this.file) { + this.getUserAfterEdit(); return; } let request = await client.user.requestChangeImage.mutate({ @@ -837,7 +853,9 @@ export default { method: "POST", body: formData, }).then(() => { - client.user.confirmChangeImage.mutate(); + client.user.confirmChangeImage.mutate().then(() => { + this.getUserAfterEdit(); + }); // alert("บันทึกข้อมูลสำเร็จ"); }); console.log("done"); @@ -860,12 +878,6 @@ export default { }; }); - // const filterOpt2 = filterOpt.filter((item) => item.choice !== null); - // if (filterOpt2.length) { - // this.payload.opinions = filterOpt2; - // } - console.log("opppp", dataOption, checkOption, changedChoices, filterOpt); - // let data1 =this.checkdata let data2 = this.payload; // data1.group =data1.group.id // data1.zone =data1.zone.id @@ -876,8 +888,8 @@ export default { filterOpt.map((x) => { client.user.changeOpinion .mutate(x) - .then((data) => { - console.log("data", data); + .then(() => { + this.getUser(); }) .catch((error) => { alert("ไม่สามารถบันทึกข้อมูลจุดยืนได้: " + error.message); @@ -887,12 +899,14 @@ export default { client.user.updateUser .mutate(data2) - .then((data) => { - console.log("data", data); + .then(() => { + // console.log("data", data); this.uploadImage(); - this.getUser(); - alert("บันทึกข้อมูลสำเร็จ"); - this.$router.push("/"); + // if (!this.file) { + // this.getUser("to"); + // } else { + // this.uploadImage(); + // } }) .catch((error) => { alert("ไม่สามารถบันทึกข้อมูลได้: " + error.message); @@ -923,6 +937,7 @@ export default { this.optMapData(); this.url = data.image; this.$store.commit("setUsername", data.firstName); + this.$store.commit("setImg", data.image); }) .catch((error) => { alert("ไม่สามารถโหลดข้อมูลได้"); diff --git a/src/components/form/FormMain.vue b/src/components/form/FormMain.vue index 60dad32..7a84789 100644 --- a/src/components/form/FormMain.vue +++ b/src/components/form/FormMain.vue @@ -6,7 +6,7 @@ :aspect-ratio="1" src="@/assets/logo-title.png" width="250" - + @click="$router.push('/')" >
แสดงตนเป็นผู้สมัคร diff --git a/src/components/form/FormSteper.vue b/src/components/form/FormSteper.vue index 0ff4ac2..ba97063 100644 --- a/src/components/form/FormSteper.vue +++ b/src/components/form/FormSteper.vue @@ -152,7 +152,7 @@ >
ช่วงที่ 2
- ข้อมูลการสมัครสว. + ข้อมูลการสมัคร สว.
@@ -269,7 +269,7 @@ >
ช่วงที่ 3
- จุดยืนในฐานะสมาชิกรัฐสภา (สว.) + จุดยืนในฐานะสมาชิกรัฐสภา ( สว.)
@@ -422,7 +422,7 @@
ช่วงที่ 4
- คำถามอื่นเกี่ยวกับสว. + คำถามอื่นเกี่ยวกับ สว.
@@ -430,7 +430,7 @@ แนวทางการพิจารณาเห็นชอบผู้ดำรงตำแหน่งในองค์กรอิสระ.
{ this.login({ cid: data.cid, phone: data.phone }); localStorage.setItem("username", data.firstName); + localStorage.setItem("img", data.image); this.$store.commit("setUsername", data.firstName); - // this.$store.dispatch('setLocalStorageValue',data.firstName) + this.$store.commit("setImg", data.image); + }) .catch((error) => { alert("ไม่สามารถโหลดข้อมูลได้"+ error.message); diff --git a/src/components/search/CardUser.vue b/src/components/search/CardUser.vue index b907a94..d83b4db 100644 --- a/src/components/search/CardUser.vue +++ b/src/components/search/CardUser.vue @@ -203,7 +203,7 @@ export default { "แก้ไขรัฐธรรมนูญ 2560", "ยกเลิกการเกณฑ์ทหารแบบบังคับ", ], - disagree: ["สว. มีอำนาจโหวตเลือกนายกรัฐมนตรี"], + disagree: [" สว. มีอำนาจโหวตเลือกนายกรัฐมนตรี"], }, }, { @@ -227,7 +227,7 @@ export default { "ยกเลิกการเกณฑ์ทหารแบบบังคับ", "นิรโทษกรรมคดีการเมือง ยกเว้นคดีมาตรา 112", ], - disagree: ["สว. มีอำนาจโหวตเลือกนายกรัฐมนตรี"], + disagree: [" สว. มีอำนาจโหวตเลือกนายกรัฐมนตรี"], }, }, { @@ -250,7 +250,7 @@ export default { "แก้ไขรัฐธรรมนูญ 2560", "ยกเลิกการเกณฑ์ทหารแบบบังคับ", ], - disagree: ["สว. มีอำนาจโหวตเลือกนายกรัฐมนตรี"], + disagree: [" สว. มีอำนาจโหวตเลือกนายกรัฐมนตรี"], }, }, { @@ -273,7 +273,7 @@ export default { "แก้ไขรัฐธรรมนูญ 2560", "ยกเลิกการเกณฑ์ทหารแบบบังคับ", ], - disagree: ["สว. มีอำนาจโหวตเลือกนายกรัฐมนตรี"], + disagree: [" สว. มีอำนาจโหวตเลือกนายกรัฐมนตรี"], }, }, { @@ -296,7 +296,7 @@ export default { "แก้ไขรัฐธรรมนูญ 2560", "ยกเลิกการเกณฑ์ทหารแบบบังคับ", ], - disagree: ["สว. มีอำนาจโหวตเลือกนายกรัฐมนตรี"], + disagree: [" สว. มีอำนาจโหวตเลือกนายกรัฐมนตรี"], }, }, { @@ -319,7 +319,7 @@ export default { "ยกเลิกการเกณฑ์ทหารแบบบังคับ", "นิรโทษกรรมคดีการเมือง ยกเว้นคดีมาตรา 112", ], - disagree: ["สว. มีอำนาจโหวตเลือกนายกรัฐมนตรี"], + disagree: [" สว. มีอำนาจโหวตเลือกนายกรัฐมนตรี"], }, }, { @@ -342,7 +342,7 @@ export default { "ยกเลิกการเกณฑ์ทหารแบบบังคับ", "นิรโทษกรรมคดีการเมือง ยกเว้นคดีมาตรา 112", ], - disagree: ["สว. มีอำนาจโหวตเลือกนายกรัฐมนตรี"], + disagree: [" สว. มีอำนาจโหวตเลือกนายกรัฐมนตรี"], }, }, ], diff --git a/src/components/search/SearchMain.vue b/src/components/search/SearchMain.vue index 43a88cd..ec26686 100644 --- a/src/components/search/SearchMain.vue +++ b/src/components/search/SearchMain.vue @@ -7,11 +7,25 @@ src="@/assets/logo-title.png" width="250" > -
ค้นหาผู้สมัครสว.
+
ค้นหาผู้สมัคร สว.
+
+ สามารถค้นหาผู้แสดงตนเป็นผู้สมัคร สว. ใน จังหวัด/เขต + ที่ตัวเองเป็นผู้แสดงตน +
+ - + + + - + + - +
@@ -105,6 +130,7 @@ export default { }, data() { return { + checkdata: "", show: false, load: false, result: [], @@ -116,7 +142,7 @@ export default { items: [], group: null, offset: 0, - count:0, + count: 0, }; }, methods: { @@ -126,28 +152,22 @@ export default { if (offset == 0) { this.page = 1; } - // this.offset = (this.page - 1) * 10; let data = { offset: offset, - limit: 10, - // group: this.group, - // zone: this.district, + limit: 10, }; if (this.province) { - data.province = this.province; + data.province = this.province.id; + // data.province = this.province; } if (this.group) { data.group = this.group; } if (this.district) { - data.zone = this.district; + data.zone = this.district.id; } - // for (const key in data) { - // if (data[key] === null) { - // delete data[key]; - // } - // } - console.log(data); + + // console.log(data); client.user.getAllUser .query(data) .then((rs) => { @@ -176,25 +196,24 @@ export default { // this.offset = (this.page - 1) * 10; let data = { offset: offset, - limit: 10, - // group: this.group, - // zone: this.district, + limit: 10, }; if (this.province) { - data.province = this.province; + data.province = this.province.id; + // data.province = this.province; } if (this.group) { data.group = this.group; } if (this.district) { - data.zone = this.district; + data.zone = this.district.id; } - - console.log(data); + + // console.log(data); client.user.getAllUserCount .query(data) .then((rs) => { - this.count = rs; + this.count = rs; }) .catch((error) => { alert("ไม่สามารถโหลดข้อมูลได้"); @@ -235,6 +254,20 @@ export default { }); } }, + getUser(datap) { + client.user.getSelf + .mutate({}) + .then((data) => { + let province = datap.filter((x) => x.id === data.zone.province); + this.province = province[0]; + this.district = data.zone; + this.checkdata = { ...data }; + }) + .catch((error) => { + alert("ไม่สามารถโหลดข้อมูลได้"); + console.error("เกิดข้อผิดพลาดในการโหลดข้อมูล:", error); + }); + }, }, mounted() { client.info.getAllGroups @@ -251,6 +284,7 @@ export default { .query({}) .then((data) => { this.provinceItems = data; + this.getUser(data); }) .catch((error) => { alert("ไม่สามารถโหลดข้อมูลได้"); diff --git a/src/store/index.js b/src/store/index.js index 6727218..ba4b21f 100644 --- a/src/store/index.js +++ b/src/store/index.js @@ -2,17 +2,24 @@ import { createStore } from "vuex"; export default createStore({ state: { - username:"" + username:"", + img:"" }, getters: { getUsername: (state) => { return state.username }, + getImg: (state) => { + return state.img + }, }, mutations: { setUsername: (state, payload) => { state.username = payload; }, + setImg: (state, payload) => { + state.img = payload; + }, }, actions: { setLocalStorageValue(data) { diff --git a/src/views/CheckDetail.vue b/src/views/CheckDetail.vue index 4b59526..f554c9e 100644 --- a/src/views/CheckDetail.vue +++ b/src/views/CheckDetail.vue @@ -2,7 +2,7 @@
- ตรวจเช็คคุณสมบัติ-ลักษณะต้องห้าม ของผู้ที่จะสมัคร สว.
+ ตรวจเช็คคุณสมบัติ-ลักษณะต้องห้าม ของผู้ที่จะสมัคร สว.
@@ -106,7 +106,7 @@
- อยู่ในระหว่างถูกเพิกถอนสิทธิเลือกต้ังไม่ว่าคดีนั้นจะถึงที่สุดแล้วหรือไม่ + อยู่ในระหว่างถูกเพิกถอนสิทธิเลือกตั้งไม่ว่าคดีนั้นจะถึงที่สุดแล้วหรือไม่
@@ -167,7 +167,7 @@
- เป็นพนักงานหรือลูกจ้างของหน่วยราชการ หน่วยงานของรัฐ หรือรัฐวิสาหกิจ + เป็นพนักงานหรือลูกจ้างของหน่วยงานราชการ หน่วยงานของรัฐ หรือรัฐวิสาหกิจ หรือเป็นเจ้าหน้าที่อื่นของรัฐ
@@ -219,13 +219,13 @@
- เป็นหรือเคยเป็นสมาชิกสภาท้องถิ่นหรอืผู้บริหารท้องถิ่น เว้นแต่ + เป็นหรือเคยเป็นสมาชิกสภาท้องถิ่นหรือผู้บริหารท้องถิ่น เว้นแต่ ได้พ้นจากการเป็นสมาชิกสภาท้องถิ่นหรือผู้บริหารท้องถิ่นมาแล้ว ไม่น้อยกว่าห้าปีนับถึงวันสมัครรับเลือก
- เป็นบุพการี คู่สมรส หรือบุตรของผู้ดำรงตาแหน่งสมาชิกสภา ผู้แทนราษฎร + เป็นบุพการี คู่สมรส หรือบุตรของผู้ดำรงตำแหน่งสมาชิกสภา ผู้แทนราษฎร สมาชิกวุฒิสภา ข้าราชการการเมืองสมาชิกสภาท้องถิ่น หรือผู้บริหารท้องถิ่น ผู้สมัครรับเลือกเป็นสมาชิกวุฒิสภาในคราว เดียวกัน หรือผู้ดำรงตำแหน่งใดในศาลรัฐธรรมนูญหรือองค์กรอิสระ diff --git a/src/views/CheckSurvey.vue b/src/views/CheckSurvey.vue index 0bbef41..89eef60 100644 --- a/src/views/CheckSurvey.vue +++ b/src/views/CheckSurvey.vue @@ -1,6 +1,5 @@ diff --git a/src/views/LoginForm.vue b/src/views/LoginForm.vue index d5dd157..9a26ea2 100644 --- a/src/views/LoginForm.vue +++ b/src/views/LoginForm.vue @@ -1,30 +1,36 @@ - - \ No newline at end of file +
+ + + diff --git a/src/views/RegisterForm.vue b/src/views/RegisterForm.vue index 7d6fe3d..400c74d 100644 --- a/src/views/RegisterForm.vue +++ b/src/views/RegisterForm.vue @@ -1,12 +1,26 @@ diff --git a/src/views/SearchUser.vue b/src/views/SearchUser.vue index 534a961..7f83fb7 100644 --- a/src/views/SearchUser.vue +++ b/src/views/SearchUser.vue @@ -1,11 +1,24 @@