-
@@ -352,9 +365,9 @@ export default {
-
-
+
-
@@ -242,6 +252,7 @@ export default {
]"
/>
บันทึกค่าใช้จ่ายรายเดือน ตร
+
+ 
+
+
+
+
+
+ โปรแกรมทะเบียนบ้านพัก
+
+ โปรแกรมทะเบียนบ้านพัก
+
+ กองบัญชาการตำรวจตระเวนชายแดน
+
บันทึกค่าใช้จ่ายรายเดือน ตร
-
-
-
-
+
+
+
+
| ลำดับ | ++ | ชื่อ-สกุล | -อาคาร | +เลขก่อน | เลขหลัง | ยอดใช้ | @@ -286,28 +299,11 @@ export default {หักได้ | หักไม่ได้ | สาเหตุที่หัก | -|||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| {{ index + 1 }} | -{{ item?.rank }} {{ item?.firstName }} {{ item?.lastName }} | -{{ item?.building }} | -{{ item?.floor }} | -{{ item?.roomnumber }} | -{{ item?.installments }} | -{{ item?.insurancecost }} | -{{ item?.sumCost }} | -{{ item?.waterbill }} | -{{ item?.electricitybill }} | -{{ item?.central }} | -{{ item?.costs }} | -{{ item?.roomnumber }} | -{{ item?.typeContract }} | -{{ item?.typeContract }} | -- | {{ item?.contract }} | +
|
+ {{ item?.rank }} {{ item?.firstName }} {{ item?.lastName }} | + +{{ item?.installments }} | +{{ item?.insurancecost }} | +{{ item?.sumCost }} | +{{ item?.waterbill }} | +{{ item?.electricitybill }} | +{{ item?.central }} | +{{ item?.costs }} | +{{ item?.sumCost }} | +{{ item?.sumbill }} | +/ | +- | + +{{ item?.contract }} |
-
+
-
+
+
-->
+
+
+
-
-
-
-
+
{
+
-
-
-
+
+
+
+
+
+
+
โปรแกรมทะเบียนบ้านพัก
+
+ กองบัญชาการตำรวจตระเวนชายแดน
@@ -294,4 +306,4 @@ onUnmounted(() => {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 1rem;
}
-
\ No newline at end of file
+
diff --git a/webapp/src/views/Queue/QueueView.vue b/webapp/src/views/Queue/QueueView.vue
index 66f7701..63ae921 100644
--- a/webapp/src/views/Queue/QueueView.vue
+++ b/webapp/src/views/Queue/QueueView.vue
@@ -5,12 +5,14 @@ import Breadcrumbs from "@/examples/Breadcrumbs.vue";
import vueMkHeader from "@/assets/img/bg.jpg";
import userData from "@/assets/dataJson/users.json";
import axios from "axios";
+import Datepicker from "vue3-datepicker";
export default {
components: {
MaterialInput,
MaterialButton,
Breadcrumbs,
+ Datepicker,
},
setup() {
return {
@@ -33,11 +35,13 @@ export default {
userList: [],
userByid: {},
searchName: "",
- typeUserByqueue: "โสด",
+ typeUserByqueue: "ทั้งหมด",
+ typeroomByqueue: "",
olddatatypeQueue: [],
datatypeQueue: [],
no: 0,
- userId: ''
+ userId: "",
+ picked: new Date(),
};
},
created() {
@@ -47,7 +51,6 @@ export default {
},
watch: {
selectedUser: function (newValue) {
- console.log(newValue.value);
this.getAllusersByid(newValue.value);
},
},
@@ -62,17 +65,27 @@ export default {
// this.selected = event;
},
+ queuetypefilter(e) {
+ if (e.target) this.typeroomByqueue = e.target.value;
+ },
+
+ editTypeRoom(event){
+ console.log(event);
+ this.typeroomByqueue = event
+ },
+
queuefilter(e) {
if (e.target) this.typeUserByqueue = e.target.value;
else this.typeUserByqueue = e;
this.datatypeQueue = this.olddatatypeQueue;
- if(this.typeUserByqueue !== 'ทั้งหมด'){
- let dataqueue = this.datatypeQueue.filter((e) => e.status == this.typeUserByqueue);
- this.queueList = dataqueue;
- }else if (this.typeUserByqueue == 'ทั้งหมด'){
- this.queueList = this.datatypeQueue;
+ if (this.typeUserByqueue !== "ทั้งหมด") {
+ let dataqueue = this.datatypeQueue.filter(
+ (e) => e.typeRoom == this.typeUserByqueue
+ );
+ this.queueList = dataqueue;
+ } else if (this.typeUserByqueue == "ทั้งหมด") {
+ this.queueList = this.datatypeQueue;
}
-
},
getAllqueue() {
try {
@@ -81,9 +94,9 @@ export default {
.then((res) => {
this.queueList = res.data;
this.olddatatypeQueue = this.queueList;
- console.log(res.data);
- this.no = this.queueList.length+1
- this.queuefilter("โสด");
+ this.queueList.sort((a, b) => a.pickedBook - b.pickedBook);
+ this.no = this.queueList.length + 1;
+ this.queuefilter("ทั้งหมด");
})
.catch((err) => {
console.log(err.response);
@@ -94,7 +107,7 @@ export default {
},
getAllusersByid(id) {
- this.userId = id
+ this.userId = id;
try {
axios
.get(`http://localhost:3001/users/${id}`)
@@ -123,7 +136,7 @@ export default {
});
})
.catch((err) => {
- console.log(err.response);
+ console.log(err);
});
} catch (error) {
console.error(error);
@@ -155,7 +168,29 @@ export default {
...this.userByid,
no: this.no,
bookNumber: this.bookNumber,
- queue: 'inqueue'
+ pickedBook: this.picked.toISOString(),
+ typeRoom: this.typeroomByqueue,
+ queue: "inqueue",
+ };
+ delete body.id;
+ axios
+ .put(`http://localhost:3001/queue/${this.userId}`, body, {
+ headers: {
+ // remove headers
+ "Access-Control-Allow-Origin": "*",
+ "Content-Type": "application/json",
+ },
+ })
+ .then((res) => {
+ this.getAllqueue();
+ })
+ .catch((err) => {
+ console.log(err);
+ });
+ },
+ EditsubmitForm() {
+ let body = {
+ typeRoom: this.typeroomByqueue,
};
delete body.id;
axios
@@ -179,14 +214,24 @@ export default {
-
-
- ระบบคิว
+
+
+
+
+
+
+ โปรแกรมทะเบียนบ้านพัก
+
+ กองบัญชาการตำรวจตระเวนชายแดน
+
@@ -201,21 +246,21 @@ export default {
:routes="[{ label: 'หน้าหลัก', route: '/' }, { label: 'ระบบคิว' }]"
/>
+ ระบบคิว
-
-
+
-
+
-
+
+
+
+
+
-
+
@@ -276,13 +335,26 @@ export default {
- {{ item?.no }}
+ {{ item?.no }}
{{ item?.rank }} {{ item?.firstName }} {{ item?.lastName }}
{{ item?.affiliation }}
{{ item?.status }}
{{ item?.idcard }}
{{ item?.phone }}
{{ item?.bookNumber }}
+
+ edit
+
@@ -327,6 +399,47 @@ export default {
placeholder="ตัวอย่าง : 11244"
>
+
+
+
+
+
โปรแกรมทะเบียนบ้านพัก
+
โปรแกรมทะเบียนบ้านพัก
+
+ กองบัญชาการตำรวจตระเวนชายแดน
-
+
diff --git a/webapp/src/views/Users/newCustomer.json b/webapp/src/views/Users/newCustomer.json
new file mode 100644
index 0000000..e69de29
-
+
-
@@ -201,21 +246,21 @@ export default {
:routes="[{ label: 'หน้าหลัก', route: '/' }, { label: 'ระบบคิว' }]"
/>
ระบบคิว
+
+
+
+
+
+
+
+ โปรแกรมทะเบียนบ้านพัก
+
+ โปรแกรมทะเบียนบ้านพัก
+
+ กองบัญชาการตำรวจตระเวนชายแดน
+
ระบบคิว
-
-
+
-
+
-
+
+
+
+
+
-
+
@@ -276,13 +335,26 @@ export default {
- {{ item?.no }}
+ {{ item?.no }}
{{ item?.rank }} {{ item?.firstName }} {{ item?.lastName }}
{{ item?.affiliation }}
{{ item?.status }}
{{ item?.idcard }}
{{ item?.phone }}
{{ item?.bookNumber }}
+
+ edit
+
@@ -327,6 +399,47 @@ export default {
placeholder="ตัวอย่าง : 11244"
>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -360,6 +473,86 @@ export default {