mirror of
https://github.com/creativetimofficial/vue-material-kit.git
synced 2025-05-23 12:14:22 +08:00
update function
This commit is contained in:
kamoa457
parent
63bb45452e
commit
009fd40cb4
@ -1,27 +1,56 @@
|
|||||||
[
|
[
|
||||||
{
|
{
|
||||||
"id": "3f7e1c45-a2e9-4b08-a56d-e687ea79ba61",
|
"id": "3f7e1c45-a2e9-4b08-a56d-e687ea79ba61",
|
||||||
"firstName": "สมชัย14",
|
"firstName": "กนกวรรณ",
|
||||||
"lastName": "แสงสุข",
|
"lastName": "เจริญเจริญ",
|
||||||
"affiliation": "ลูกจ้าง",
|
"affiliation": "ฝอ.1",
|
||||||
"rank": "นาง",
|
"rank": "พ.ต.อ.หญิง",
|
||||||
"idcard": "134044411441178",
|
"idcard": "134044411441178",
|
||||||
"phone": "0325647845",
|
"phone": "0974543655",
|
||||||
"status": "โสด",
|
"status": "สมรส",
|
||||||
"typeAffiliation": "ลูกจ้าง",
|
"typeAffiliation": "บก.อก.",
|
||||||
"typeRanks": "ลูกจ้าง",
|
"typeRanks": "สัญญาบัตร",
|
||||||
"typeUser": "ตร.",
|
"typeUser": "ตร.",
|
||||||
"building": "แฟลตบางเขน 1",
|
"building": "แฟลตบางเขน 1",
|
||||||
"floor": "2",
|
"floor": "2",
|
||||||
"roomnumber": "201",
|
"roomnumber": "201",
|
||||||
"insurancecost": 254,
|
"insurancecost": 266 ,
|
||||||
"installments": 266,
|
"installments": 254,
|
||||||
"waterbill": 150,
|
"waterbill": 150,
|
||||||
"electricitybill": 945,
|
"electricitybill": 945,
|
||||||
"central": 500,
|
"central": 500,
|
||||||
"costs": 200,
|
"costs": 950,
|
||||||
"sumCost":1000,
|
"Maintenancefee":100,
|
||||||
|
"sumCost":200,
|
||||||
|
"sumbill":"5/10",
|
||||||
"typeContract": "หักได้",
|
"typeContract": "หักได้",
|
||||||
"contract": "..."
|
"contract": "..."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "3f7e1c45-a2e9-4b08-a56d-e687ea79ba62",
|
||||||
|
"firstName": "มานี",
|
||||||
|
"lastName": "มานอน",
|
||||||
|
"affiliation": "ลูกจ้าง",
|
||||||
|
"rank": "ส.ต.ต.",
|
||||||
|
"idcard": "134044411441178",
|
||||||
|
"phone": "0325647845",
|
||||||
|
"status": "สมรส",
|
||||||
|
"typeAffiliation": "ลูกจ้าง",
|
||||||
|
"typeRanks": "ประทวน",
|
||||||
|
"typeUser": "ตร.",
|
||||||
|
"building": "แฟลตบางเขน 1",
|
||||||
|
"floor": "2",
|
||||||
|
"roomnumber": "201",
|
||||||
|
"insurancecost": "",
|
||||||
|
"installments": "",
|
||||||
|
"waterbill": "",
|
||||||
|
"Maintenancefee": "",
|
||||||
|
"electricitybill": "",
|
||||||
|
"central": "",
|
||||||
|
"costs": "",
|
||||||
|
"sumCost":"",
|
||||||
|
"sumbill":"",
|
||||||
|
"typeContract": "",
|
||||||
|
"contract": "..."
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
@ -8,9 +8,11 @@
|
|||||||
"idcard": "134044411441178",
|
"idcard": "134044411441178",
|
||||||
"phone": "0325647845",
|
"phone": "0325647845",
|
||||||
"status": "โสด",
|
"status": "โสด",
|
||||||
|
"typeRoom": "ช1",
|
||||||
"typeAffiliation": "ลูกจ้าง",
|
"typeAffiliation": "ลูกจ้าง",
|
||||||
"typeRanks": "ลูกจ้าง",
|
"typeRanks": "ลูกจ้าง",
|
||||||
"bookNumber": "1234"
|
"bookNumber": "1234",
|
||||||
|
"pickedBook":""
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": "8e81c39a-d50c-42f5-85c0-f9f773c2a4aa",
|
"id": "8e81c39a-d50c-42f5-85c0-f9f773c2a4aa",
|
||||||
@ -20,10 +22,12 @@
|
|||||||
"rank": "ส.ต.อ.",
|
"rank": "ส.ต.อ.",
|
||||||
"idcard": "134044411441178",
|
"idcard": "134044411441178",
|
||||||
"status": "โสด",
|
"status": "โสด",
|
||||||
|
"typeRoom": "ช1",
|
||||||
"phone": "0325647845",
|
"phone": "0325647845",
|
||||||
"typeAffiliation": "บช.ตซด.",
|
"typeAffiliation": "บช.ตซด.",
|
||||||
"typeRanks": "ประทวน",
|
"typeRanks": "ประทวน",
|
||||||
"bookNumber": "1234"
|
"bookNumber": "1234",
|
||||||
|
"pickedBook":""
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": "ebd367bf-396f-4bae-8130-1ce3fa130d38",
|
"id": "ebd367bf-396f-4bae-8130-1ce3fa130d38",
|
||||||
@ -34,9 +38,11 @@
|
|||||||
"idcard": "134044411441178",
|
"idcard": "134044411441178",
|
||||||
"phone": "0325647845",
|
"phone": "0325647845",
|
||||||
"status": "โสด",
|
"status": "โสด",
|
||||||
|
"typeRoom": "ช1",
|
||||||
"typeAffiliation": "ลูกจ้าง",
|
"typeAffiliation": "ลูกจ้าง",
|
||||||
"typeRanks": "ลูกจ้าง",
|
"typeRanks": "ลูกจ้าง",
|
||||||
"bookNumber": "1234"
|
"bookNumber": "1234",
|
||||||
|
"pickedBook":""
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": "46685cde-8ea0-4cd2-ba94-7d86e6e893bd",
|
"id": "46685cde-8ea0-4cd2-ba94-7d86e6e893bd",
|
||||||
@ -47,9 +53,11 @@
|
|||||||
"idcard": "134044411441178",
|
"idcard": "134044411441178",
|
||||||
"phone": "0325647845",
|
"phone": "0325647845",
|
||||||
"status": "สมรส",
|
"status": "สมรส",
|
||||||
|
"typeRoom": "ช2",
|
||||||
"typeAffiliation": "บช.ตซด.",
|
"typeAffiliation": "บช.ตซด.",
|
||||||
"typeRanks": "ประทวน",
|
"typeRanks": "ประทวน",
|
||||||
"bookNumber": "14578963"
|
"bookNumber": "14578963",
|
||||||
|
"pickedBook":""
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": "f5d0184e-3b79-4005-b873-543a45942c4c",
|
"id": "f5d0184e-3b79-4005-b873-543a45942c4c",
|
||||||
@ -60,10 +68,12 @@
|
|||||||
"idcard": "134044411441178",
|
"idcard": "134044411441178",
|
||||||
"phone": "0325647845",
|
"phone": "0325647845",
|
||||||
"status": "โสด",
|
"status": "โสด",
|
||||||
|
"typeRoom": "ช1",
|
||||||
"typeAffiliation": "ลูกจ้าง",
|
"typeAffiliation": "ลูกจ้าง",
|
||||||
"typeRanks": "ลูกจ้าง",
|
"typeRanks": "ลูกจ้าง",
|
||||||
"typeUser": "ตร.",
|
"typeUser": "ตร.",
|
||||||
"bookNumber": "กกกกกกกกกก"
|
"bookNumber": "กกกกกกกกกก",
|
||||||
|
"pickedBook":""
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": "5615b6ac-de82-4ec2-b370-e7ddc830924c",
|
"id": "5615b6ac-de82-4ec2-b370-e7ddc830924c",
|
||||||
@ -72,12 +82,14 @@
|
|||||||
"lastName": "แสงสุข",
|
"lastName": "แสงสุข",
|
||||||
"affiliation": "บช.ตซด.",
|
"affiliation": "บช.ตซด.",
|
||||||
"rank": "ส.ต.อ.",
|
"rank": "ส.ต.อ.",
|
||||||
|
"typeRoom": "ช3",
|
||||||
"idcard": "134044411441178",
|
"idcard": "134044411441178",
|
||||||
"phone": "0325647845",
|
"phone": "0325647845",
|
||||||
"typeAffiliation": "บช.ตซด.",
|
"typeAffiliation": "บช.ตซด.",
|
||||||
"typeRanks": "ประทวน",
|
"typeRanks": "ประทวน",
|
||||||
"typeUser": "บช.ตชด.",
|
"typeUser": "บช.ตชด.",
|
||||||
"bookNumber": "56544444",
|
"bookNumber": "56544444",
|
||||||
"queue": "none"
|
"queue": "none",
|
||||||
|
"pickedBook":""
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
@ -213,6 +213,8 @@ app.put('/queue/:id', (req, res) => {
|
|||||||
if (req.body.queue) parsedData.queue = req.body.queue
|
if (req.body.queue) parsedData.queue = req.body.queue
|
||||||
if (req.body.no) parsedData.no = req.body.no
|
if (req.body.no) parsedData.no = req.body.no
|
||||||
if (req.body.bookNumber) parsedData.bookNumber = req.body.bookNumber
|
if (req.body.bookNumber) parsedData.bookNumber = req.body.bookNumber
|
||||||
|
if (req.body.pickedBook) parsedData.pickedBook = req.body.pickedBook
|
||||||
|
if (req.body.typeRoom) parsedData.typeRoom = req.body.typeRoom
|
||||||
filterdata.push(parsedData)
|
filterdata.push(parsedData)
|
||||||
fs.writeFile('./users.json', JSON.stringify(filterdata, null, 2), (err) => {
|
fs.writeFile('./users.json', JSON.stringify(filterdata, null, 2), (err) => {
|
||||||
if (err) {
|
if (err) {
|
||||||
|
|||||||
@ -1,189 +1,208 @@
|
|||||||
[
|
[
|
||||||
{
|
{
|
||||||
"id": "3f7e1c45-a2e9-4b08-a56d-e687ea79ba61",
|
"id": "3f7e1c45-a2e9-4b08-a56d-e687ea79ba61",
|
||||||
"no": 1,
|
"no": 1,
|
||||||
"firstName": "สมชัย14",
|
"firstName": "สมชัย14",
|
||||||
"lastName": "แสงสุข",
|
"lastName": "แสงสุข",
|
||||||
"affiliation": "ลูกจ้าง",
|
"affiliation": "ลูกจ้าง",
|
||||||
"rank": "นาง",
|
"rank": "นาง",
|
||||||
"idcard": "134044411441178",
|
"idcard": "134044411441178",
|
||||||
"phone": "0325647845",
|
"phone": "0325647845",
|
||||||
"status": "โสด",
|
"status": "โสด",
|
||||||
"typeAffiliation": "ลูกจ้าง",
|
"typeAffiliation": "ลูกจ้าง",
|
||||||
"typeRanks": "ลูกจ้าง",
|
"typeRanks": "ลูกจ้าง",
|
||||||
"typeUser": "ตร.",
|
"typeUser": "ตร.",
|
||||||
"bookNumber": "1234",
|
"bookNumber": "1234",
|
||||||
"queue": "inqueue",
|
"queue": "inqueue",
|
||||||
"contract": "",
|
"typeRoom": "ช1",
|
||||||
"checkintime": "",
|
"contract": "",
|
||||||
"maintenance": "",
|
"checkintime": "",
|
||||||
"insurance": "",
|
"maintenance": "",
|
||||||
"installments": ""
|
"insurance": "",
|
||||||
},
|
"installments": "",
|
||||||
{
|
"pickedBook":"2023-10-08T14:10:26.374Z"
|
||||||
"id": "ebd367bf-396f-4bae-8130-1ce3fa130d38",
|
},
|
||||||
"no": 2,
|
{
|
||||||
"firstName": "สมชัย",
|
"id": "ebd367bf-396f-4bae-8130-1ce3fa130d38",
|
||||||
"lastName": "แสงสุข",
|
"no": 2,
|
||||||
"affiliation": "ลูกจ้าง",
|
"firstName": "สมชัย",
|
||||||
"rank": "นาง",
|
"lastName": "แสงสุข",
|
||||||
"idcard": "134044411441178",
|
"affiliation": "ลูกจ้าง",
|
||||||
"phone": "0325647845",
|
"rank": "นาง",
|
||||||
"status": "โสด",
|
"idcard": "134044411441178",
|
||||||
"typeAffiliation": "ลูกจ้าง",
|
"phone": "0325647845",
|
||||||
"typeRanks": "ลูกจ้าง",
|
"status": "โสด",
|
||||||
"typeUser": "ตร.",
|
"typeAffiliation": "ลูกจ้าง",
|
||||||
"bookNumber": "",
|
"typeRanks": "ลูกจ้าง",
|
||||||
"queue": "inqueue",
|
"typeUser": "ตร.",
|
||||||
"contract": "",
|
"typeRoom": "ช1",
|
||||||
"checkintime": "",
|
"bookNumber": "",
|
||||||
"maintenance": "",
|
"queue": "inqueue",
|
||||||
"insurance": "",
|
"contract": "",
|
||||||
"installments": ""
|
"checkintime": "",
|
||||||
},
|
"maintenance": "",
|
||||||
{
|
"insurance": "",
|
||||||
"id": "507e0867-4d56-4f4e-81d1-f3a1ab0d0fde",
|
"installments": "",
|
||||||
"no": 1,
|
"pickedBook":"2023-11-01T14:10:26.374Z"
|
||||||
"firstName": "มานา",
|
},
|
||||||
"lastName": "มานี",
|
{
|
||||||
"affiliation": "ลูกจ้าง",
|
"id": "507e0867-4d56-4f4e-81d1-f3a1ab0d0fde",
|
||||||
"rank": "นาย",
|
"no": 1,
|
||||||
"idcard": "134044411441178",
|
"firstName": "มานา",
|
||||||
"phone": "0325647845",
|
"lastName": "มานี",
|
||||||
"status": "สมรส",
|
"affiliation": "ลูกจ้าง",
|
||||||
"typeAffiliation": "ลูกจ้าง",
|
"rank": "นาย",
|
||||||
"typeRanks": "ลูกจ้าง",
|
"idcard": "134044411441178",
|
||||||
"typeUser": "ตร.",
|
"phone": "0325647845",
|
||||||
"bookNumber": "",
|
"status": "สมรส",
|
||||||
"queue": "inroom",
|
"typeAffiliation": "ลูกจ้าง",
|
||||||
"contract": "",
|
"typeRanks": "ลูกจ้าง",
|
||||||
"checkintime": "",
|
"typeUser": "ตร.",
|
||||||
"maintenance": "",
|
"bookNumber": "",
|
||||||
"insurance": "",
|
"typeRoom": "ช2",
|
||||||
"installments": ""
|
"queue": "inroom",
|
||||||
},
|
"contract": "",
|
||||||
{
|
"checkintime": "",
|
||||||
"id": "2c388c78-b2a3-4ea2-bca5-48521eb7e5db",
|
"maintenance": "",
|
||||||
"no": 3,
|
"insurance": "",
|
||||||
"firstName": "มานี",
|
"installments": "",
|
||||||
"lastName": "มานอน",
|
"pickedBook":"2023-11-03T14:10:26.374Z"
|
||||||
"affiliation": "ลูกจ้าง",
|
},
|
||||||
"rank": "ส.ต.ต.",
|
{
|
||||||
"idcard": "134044411441178",
|
"id": "2c388c78-b2a3-4ea2-bca5-48521eb7e5db",
|
||||||
"phone": "0325647845",
|
"no": 3,
|
||||||
"status": "สมรส",
|
"firstName": "มานี",
|
||||||
"typeAffiliation": "ลูกจ้าง",
|
"lastName": "มานอน",
|
||||||
"typeRanks": "ประทวน",
|
"affiliation": "ลูกจ้าง",
|
||||||
"typeUser": "ตร.",
|
"rank": "ส.ต.ต.",
|
||||||
"bookNumber": "1234",
|
"idcard": "134044411441178",
|
||||||
"queue": "inqueue",
|
"phone": "0325647845",
|
||||||
"contract": "",
|
"status": "สมรส",
|
||||||
"checkintime": "",
|
"typeAffiliation": "ลูกจ้าง",
|
||||||
"maintenance": "",
|
"typeRanks": "ประทวน",
|
||||||
"insurance": "",
|
"typeUser": "ตร.",
|
||||||
"installments": ""
|
"bookNumber": "1234",
|
||||||
},
|
"typeRoom": "ช2",
|
||||||
{
|
"queue": "inqueue",
|
||||||
"id": "1cb479fa-e217-422d-938e-47f6fc9b9f32",
|
"contract": "",
|
||||||
"no": 4,
|
"checkintime": "",
|
||||||
"firstName": "มานพ",
|
"maintenance": "",
|
||||||
"lastName": "มานี",
|
"insurance": "",
|
||||||
"affiliation": "ฝอ.2",
|
"installments": "",
|
||||||
"rank": "ร.ต.ต.",
|
"pickedBook":"2023-11-02T14:10:26.374Z"
|
||||||
"idcard": "13404441144555",
|
},
|
||||||
"phone": "0325647845",
|
{
|
||||||
"status": "สมรส",
|
"id": "1cb479fa-e217-422d-938e-47f6fc9b9f32",
|
||||||
"typeAffiliation": "บก.อก.",
|
"no": 4,
|
||||||
"typeRanks": "สัญญาบัตร",
|
"firstName": "มานพ",
|
||||||
"typeUser": "บช.ตชด.",
|
"lastName": "มานี",
|
||||||
"bookNumber": "1234",
|
"affiliation": "ฝอ.2",
|
||||||
"queue": "inqueue",
|
"rank": "ร.ต.ต.",
|
||||||
"contract": "",
|
"idcard": "13404441144555",
|
||||||
"checkintime": "",
|
"phone": "0325647845",
|
||||||
"maintenance": "",
|
"status": "สมรส",
|
||||||
"insurance": "",
|
"typeRoom": "ช2",
|
||||||
"installments": ""
|
"typeAffiliation": "บก.อก.",
|
||||||
},
|
"typeRanks": "สัญญาบัตร",
|
||||||
{
|
"typeUser": "บช.ตชด.",
|
||||||
"id": "fc3710ca-c3af-4781-9c8f-4aa6657ddff4",
|
"bookNumber": "1234",
|
||||||
"no": 5,
|
"queue": "inqueue",
|
||||||
"firstName": "สมาน788",
|
"contract": "",
|
||||||
"lastName": "แสงสุข7",
|
"checkintime": "",
|
||||||
"affiliation": "ลูกจ้าง",
|
"maintenance": "",
|
||||||
"rank": "นาง",
|
"insurance": "",
|
||||||
"idcard": "13404441144",
|
"installments": "",
|
||||||
"phone": "0325647847",
|
"pickedBook":"2023-11-07T14:10:26.374Z"
|
||||||
"status": "โสด",
|
},
|
||||||
"typeAffiliation": "ลูกจ้าง",
|
{
|
||||||
"typeRanks": "ลูกจ้าง",
|
"id": "967bf9a7-047e-4951-ba2a-190f42045715",
|
||||||
"typeUser": "ตร.",
|
"no": 5,
|
||||||
"bookNumber": "14",
|
"firstName": "สมชัย",
|
||||||
"queue": "none",
|
"lastName": "แสงสุข",
|
||||||
"contract": "",
|
"affiliation": "ฝสสน.1",
|
||||||
"checkintime": "",
|
"rank": "ส.ต.ท.",
|
||||||
"maintenance": "",
|
"idcard": "134044411441178",
|
||||||
"insurance": "",
|
"phone": "0325647845",
|
||||||
"installments": ""
|
"status": "โสด",
|
||||||
},
|
"typeRoom": "ช1",
|
||||||
{
|
"typeAffiliation": "บก.สนน.",
|
||||||
"id": "967bf9a7-047e-4951-ba2a-190f42045715",
|
"typeRanks": "ประทวน",
|
||||||
"no": 5,
|
"typeUser": "บช.ตชด.",
|
||||||
"firstName": "สมชัย",
|
"bookNumber": "456",
|
||||||
"lastName": "แสงสุข",
|
"queue": "inqueue",
|
||||||
"affiliation": "ฝสสน.1",
|
"contract": "",
|
||||||
"rank": "ส.ต.ท.",
|
"checkintime": "",
|
||||||
"idcard": "134044411441178",
|
"maintenance": "",
|
||||||
"phone": "0325647845",
|
"insurance": "",
|
||||||
"status": "โสด",
|
"installments": "",
|
||||||
"typeAffiliation": "บก.สนน.",
|
"pickedBook":"2023-11-08T14:10:26.374Z"
|
||||||
"typeRanks": "ประทวน",
|
},
|
||||||
"typeUser": "บช.ตชด.",
|
{
|
||||||
"bookNumber": "456",
|
"id": "fae8c402-f815-44cc-8702-bf843dc97db4",
|
||||||
"queue": "inqueue",
|
"no": 6,
|
||||||
"contract": "",
|
"firstName": "กนกวรรณ",
|
||||||
"checkintime": "",
|
"lastName": "เจริญเจริญ",
|
||||||
"maintenance": "",
|
"affiliation": "ฝอ.1",
|
||||||
"insurance": "",
|
"rank": "พ.ต.อ.หญิง",
|
||||||
"installments": ""
|
"idcard": "134044411441178",
|
||||||
},
|
"phone": "0974543655",
|
||||||
{
|
"status": "สมรส",
|
||||||
"id": "fae8c402-f815-44cc-8702-bf843dc97db4",
|
"typeRoom": "ช3",
|
||||||
"firstName": "กนกวรรณ",
|
"typeAffiliation": "บก.อก.",
|
||||||
"lastName": "เจริญเจริญ",
|
"typeRanks": "สัญญาบัตร",
|
||||||
"affiliation": "ฝอ.1",
|
"typeUser": "ตร.",
|
||||||
"rank": "พ.ต.อ.หญิง",
|
"queue": "none",
|
||||||
"idcard": "134044411441178",
|
"contract": "",
|
||||||
"phone": "0974543655",
|
"checkintime": "",
|
||||||
"status": "สมรส",
|
"maintenance": "",
|
||||||
"typeAffiliation": "บก.อก.",
|
"insurance": "",
|
||||||
"typeRanks": "สัญญาบัตร",
|
"installments": "",
|
||||||
"typeUser": "ตร.",
|
"pickedBook":"2023-11-08T10:10:26.374Z"
|
||||||
"queue": "inqueue",
|
},
|
||||||
"contract": "",
|
{
|
||||||
"checkintime": "",
|
"id": "fc3710ca-c3af-4781-9c8f-4aa6657ddff4",
|
||||||
"maintenance": "",
|
"no": 7,
|
||||||
"insurance": "",
|
"firstName": "สมาน788",
|
||||||
"installments": ""
|
"lastName": "แสงสุข7",
|
||||||
},
|
"affiliation": "ลูกจ้าง",
|
||||||
{
|
"rank": "นาง",
|
||||||
"id": "8e81c39a-d50c-42f5-85c0-f9f773c2a4aa",
|
"idcard": "13404441144",
|
||||||
"no": 0,
|
"phone": "0325647847",
|
||||||
"firstName": "สมชัย",
|
"status": "โสด",
|
||||||
"lastName": "แสงสุข",
|
"typeRoom": "ช1",
|
||||||
"affiliation": "บช.ตซด.",
|
"typeAffiliation": "ลูกจ้าง",
|
||||||
"rank": "ส.ต.อ.",
|
"typeRanks": "ลูกจ้าง",
|
||||||
"idcard": "134044411441178",
|
"typeUser": "ตร.",
|
||||||
"phone": "0325647845",
|
"bookNumber": "14",
|
||||||
"typeAffiliation": "บช.ตซด.",
|
"queue": "none",
|
||||||
"typeRanks": "ประทวน",
|
"contract": "",
|
||||||
"typeUser": "บช.ตชด.",
|
"checkintime": "",
|
||||||
"bookNumber": "1234",
|
"maintenance": "",
|
||||||
"queue": "none",
|
"insurance": "",
|
||||||
"status": "โสด",
|
"installments": "",
|
||||||
"contract": "",
|
"pickedBook":"2023-11-08T14:10:26.374Z"
|
||||||
"checkintime": "",
|
},
|
||||||
"maintenance": "",
|
{
|
||||||
"insurance": "",
|
"id": "8e81c39a-d50c-42f5-85c0-f9f773c2a4aa",
|
||||||
"installments": ""
|
"no": 6,
|
||||||
}
|
"firstName": "สมชัย",
|
||||||
|
"lastName": "แสงสุข",
|
||||||
|
"affiliation": "บช.ตซด.",
|
||||||
|
"rank": "ส.ต.อ.",
|
||||||
|
"idcard": "134044411441178",
|
||||||
|
"phone": "0325647845",
|
||||||
|
"typeAffiliation": "บช.ตซด.",
|
||||||
|
"typeRanks": "ประทวน",
|
||||||
|
"typeUser": "บช.ตชด.",
|
||||||
|
"bookNumber": "123",
|
||||||
|
"queue": "none",
|
||||||
|
"status": "โสด",
|
||||||
|
"typeRoom": "ช1",
|
||||||
|
"contract": "",
|
||||||
|
"checkintime": "",
|
||||||
|
"maintenance": "",
|
||||||
|
"insurance": "",
|
||||||
|
"installments": "",
|
||||||
|
"pickedBook":"2023-11-08T12:10:26.374Z"
|
||||||
|
}
|
||||||
]
|
]
|
||||||
@ -11,8 +11,8 @@
|
|||||||
sizes="76x76"
|
sizes="76x76"
|
||||||
href="./assets/img/apple-icon.png"
|
href="./assets/img/apple-icon.png"
|
||||||
/>
|
/>
|
||||||
<link rel="icon" type="image/png" href="./src/assets/img/favicon.png" />
|
<link rel="icon" type="image/png" href="./src/assets/img/logo.png" />
|
||||||
<title>โปรแกรมทะเบียนบ้านพัก</title>
|
<title>กองบัญชาการตำรวจตระเวนชายแดน</title>
|
||||||
<!-- Fonts and icons -->
|
<!-- Fonts and icons -->
|
||||||
<link
|
<link
|
||||||
rel="stylesheet"
|
rel="stylesheet"
|
||||||
|
|||||||
@ -8,7 +8,6 @@
|
|||||||
"preview": "vite preview --port 4173",
|
"preview": "vite preview --port 4173",
|
||||||
"lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore"
|
"lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore"
|
||||||
},
|
},
|
||||||
|
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@popperjs/core": "2.11.5",
|
"@popperjs/core": "2.11.5",
|
||||||
"@trevoreyre/autocomplete-vue": "^2.4.1",
|
"@trevoreyre/autocomplete-vue": "^2.4.1",
|
||||||
@ -23,7 +22,8 @@
|
|||||||
"vue-count-to": "1.0.13",
|
"vue-count-to": "1.0.13",
|
||||||
"vue-prism-editor": "2.0.0-alpha.2",
|
"vue-prism-editor": "2.0.0-alpha.2",
|
||||||
"vue-router": "4.0.15",
|
"vue-router": "4.0.15",
|
||||||
"vue-select": "^4.0.0-beta.6"
|
"vue-select": "^4.0.0-beta.6",
|
||||||
|
"vue3-datepicker": "^0.4.0"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@rushstack/eslint-patch": "1.1.0",
|
"@rushstack/eslint-patch": "1.1.0",
|
||||||
|
|||||||
@ -33361,4 +33361,11 @@ image, text, .jvm-zoomin, .jvm-zoomout {
|
|||||||
stroke-dashoffset: 250;
|
stroke-dashoffset: 250;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.input-required::after {
|
||||||
|
color: #dd756e;
|
||||||
|
content: "*";
|
||||||
|
font-size: 20px !important;
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
/*# sourceMappingURL=material-kit-pro.css.map */
|
/*# sourceMappingURL=material-kit-pro.css.map */
|
||||||
|
|||||||
BIN
webapp/src/assets/img/logo.png
Normal file
BIN
webapp/src/assets/img/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 146 KiB |
@ -115,7 +115,7 @@ export default {
|
|||||||
sumCost: 10000,
|
sumCost: 10000,
|
||||||
expensesList: [],
|
expensesList: [],
|
||||||
searchName: "",
|
searchName: "",
|
||||||
selectedMonth: "พฤศจิกายน"
|
selectedMonth: "พฤศจิกายน",
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
@ -217,14 +217,24 @@ export default {
|
|||||||
<template>
|
<template>
|
||||||
<Header>
|
<Header>
|
||||||
<div
|
<div
|
||||||
class="page-header min-vh-45"
|
class="page-header min-vh-70"
|
||||||
:style="`background-image: url(${vueMkHeader})`"
|
:style="`background-image: url(${vueMkHeader})`"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
>
|
>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="text-center" style="margin-top: -120px">
|
||||||
<div class="col-lg-7 text-center mx-auto position-relative">
|
<img src="../../assets/img/logo.png" alt="title" loading="lazy" class="w-35" />
|
||||||
<h1 class="pt-3 mt-n5 me-2 head-text">บันทึกค่าใช้จ่ายรายเดือน ตร</h1>
|
</div>
|
||||||
|
<div class="row pt-6">
|
||||||
|
<div class="col-lg-12 text-center mx-auto position-relative">
|
||||||
|
<h1 class="pt-3 mt-n5 me-2 head-text">
|
||||||
|
โปรแกรมทะเบียนบ้านพัก
|
||||||
|
<br />
|
||||||
|
<span
|
||||||
|
style="font-size: 24px; border-top: 4px solid #000; font-weight: normal"
|
||||||
|
>กองบัญชาการตำรวจตระเวนชายแดน</span
|
||||||
|
>
|
||||||
|
</h1>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -242,6 +252,7 @@ export default {
|
|||||||
]"
|
]"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
<h4>บันทึกค่าใช้จ่ายรายเดือน ตร</h4>
|
||||||
<!-- <div class="d-flex justify-content-end align-items-baseline">
|
<!-- <div class="d-flex justify-content-end align-items-baseline">
|
||||||
<div class="mb-3 w-15" style="margin-right: 20px">
|
<div class="mb-3 w-15" style="margin-right: 20px">
|
||||||
<label>เดือน</label>
|
<label>เดือน</label>
|
||||||
@ -249,13 +260,14 @@ export default {
|
|||||||
</div>
|
</div>
|
||||||
</div> -->
|
</div> -->
|
||||||
<div class="d-flex justify-content-end align-items-baseline">
|
<div class="d-flex justify-content-end align-items-baseline">
|
||||||
<div class="mb-3 w-15" style="margin-right: 20px;
|
<div
|
||||||
display: flex;
|
class="mb-3 w-15"
|
||||||
align-items: baseline;">
|
style="margin-right: 20px; display: flex; align-items: baseline"
|
||||||
<label style="margin-right: 5px;">เดือน</label>
|
>
|
||||||
<v-select :options="optionMonth" v-model="selectedMonth"></v-select>
|
<label style="margin-right: 5px">เดือน</label>
|
||||||
</div>
|
<v-select :options="optionMonth" v-model="selectedMonth"></v-select>
|
||||||
<label style="margin-right: 10px">ค้นหาเลขที่ห้อง </label>
|
</div>
|
||||||
|
<!-- <label style="margin-right: 10px">ค้นหาเลขที่ห้อง </label>
|
||||||
<MaterialInput
|
<MaterialInput
|
||||||
class="input-group-dynamic w-30"
|
class="input-group-dynamic w-30"
|
||||||
icon="search"
|
icon="search"
|
||||||
@ -263,17 +275,18 @@ export default {
|
|||||||
placeholder="Search"
|
placeholder="Search"
|
||||||
:value="searchName"
|
:value="searchName"
|
||||||
@input="(event) => (searchName = event.target.value)"
|
@input="(event) => (searchName = event.target.value)"
|
||||||
/>
|
/> -->
|
||||||
</div>
|
</div>
|
||||||
<div class="text-center pt-4 table-responsive">
|
<div class="text-center pt-4 table-responsive">
|
||||||
<table class="table table-hover border border-2 border-success">
|
<table class="table table-hover border border-2 border-success">
|
||||||
<thead class="border border-2 border-success border-bottom">
|
<thead class="border border-2 border-success border-bottom">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col">ลำดับ</th>
|
<th></th>
|
||||||
|
<!-- <th scope="col">ลำดับ</th> -->
|
||||||
<th>ชื่อ-สกุล</th>
|
<th>ชื่อ-สกุล</th>
|
||||||
<th scope="col">อาคาร</th>
|
<!-- <th scope="col">อาคาร</th>
|
||||||
<th scope="col">ชั้น</th>
|
<th scope="col">ชั้น</th>
|
||||||
<th scope="col">เลขที่ห้อง</th>
|
<th scope="col">เลขที่ห้อง</th> -->
|
||||||
<th scope="col">เลขก่อน</th>
|
<th scope="col">เลขก่อน</th>
|
||||||
<th scope="col">เลขหลัง</th>
|
<th scope="col">เลขหลัง</th>
|
||||||
<th scope="col">ยอดใช้</th>
|
<th scope="col">ยอดใช้</th>
|
||||||
@ -286,28 +299,11 @@ export default {
|
|||||||
<th scope="col">หักได้</th>
|
<th scope="col">หักได้</th>
|
||||||
<th scope="col">หักไม่ได้</th>
|
<th scope="col">หักไม่ได้</th>
|
||||||
<th scope="col">สาเหตุที่หัก</th>
|
<th scope="col">สาเหตุที่หัก</th>
|
||||||
<th></th>
|
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr v-for="(item, index) in expensesList" :key="index">
|
<tr v-for="(item, index) in expensesList" :key="index">
|
||||||
<th scope="row">{{ index + 1 }}</th>
|
<!-- <th scope="row">{{ index + 1 }}</th> -->
|
||||||
<td>{{ item?.rank }} {{ item?.firstName }} {{ item?.lastName }}</td>
|
|
||||||
<td>{{ item?.building }}</td>
|
|
||||||
<td>{{ item?.floor }}</td>
|
|
||||||
<td>{{ item?.roomnumber }}</td>
|
|
||||||
<td>{{ item?.installments }}</td>
|
|
||||||
<td>{{ item?.insurancecost }}</td>
|
|
||||||
<td>{{ item?.sumCost }}</td>
|
|
||||||
<td>{{ item?.waterbill }}</td>
|
|
||||||
<td>{{ item?.electricitybill }}</td>
|
|
||||||
<td>{{ item?.central }}</td>
|
|
||||||
<td>{{ item?.costs }}</td>
|
|
||||||
<td>{{ item?.roomnumber }}</td>
|
|
||||||
<td>{{ item?.typeContract }}</td>
|
|
||||||
<td>{{ item?.typeContract }}</td>
|
|
||||||
<td></td>
|
|
||||||
<td>{{ item?.contract }}</td>
|
|
||||||
<td>
|
<td>
|
||||||
<MaterialButton
|
<MaterialButton
|
||||||
style="margin-bottom: 0px"
|
style="margin-bottom: 0px"
|
||||||
@ -318,6 +314,23 @@ export default {
|
|||||||
>บันทึกค่าใช้จ่ายรายเดือน</MaterialButton
|
>บันทึกค่าใช้จ่ายรายเดือน</MaterialButton
|
||||||
>
|
>
|
||||||
</td>
|
</td>
|
||||||
|
<td>{{ item?.rank }} {{ item?.firstName }} {{ item?.lastName }}</td>
|
||||||
|
<!-- <td>{{ item?.building }}</td>
|
||||||
|
<td>{{ item?.floor }}</td>
|
||||||
|
<td>{{ item?.roomnumber }}</td> -->
|
||||||
|
<td>{{ item?.installments }}</td>
|
||||||
|
<td>{{ item?.insurancecost }}</td>
|
||||||
|
<td>{{ item?.sumCost }}</td>
|
||||||
|
<td>{{ item?.waterbill }}</td>
|
||||||
|
<td>{{ item?.electricitybill }}</td>
|
||||||
|
<td>{{ item?.central }}</td>
|
||||||
|
<td>{{ item?.costs }}</td>
|
||||||
|
<td>{{ item?.sumCost }}</td>
|
||||||
|
<td>{{ item?.sumbill }}</td>
|
||||||
|
<td>/</td>
|
||||||
|
<td>-</td>
|
||||||
|
<!-- {{ item?.typeContract }} -->
|
||||||
|
<td>{{ item?.contract }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
@ -352,9 +365,9 @@ export default {
|
|||||||
<div class="modal-body">
|
<div class="modal-body">
|
||||||
<div>
|
<div>
|
||||||
<div class="mb-1">
|
<div class="mb-1">
|
||||||
<label style="font-size: large">ส.ต.ต.โชคดี มีชัย</label>
|
<label style="font-size: large">พ.ต.อ.หญิง กนกวรรณ เจริญเจริญ</label>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-3">
|
<!-- <div class="mb-3">
|
||||||
<label>อาคาร</label>
|
<label>อาคาร</label>
|
||||||
<v-select
|
<v-select
|
||||||
:options="optionsBuilding"
|
:options="optionsBuilding"
|
||||||
@ -368,8 +381,27 @@ export default {
|
|||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<label>เลขที่ห้อง</label>
|
<label>เลขที่ห้อง</label>
|
||||||
<v-select :options="optionsRoom" v-model="selectedRoom"></v-select>
|
<v-select :options="optionsRoom" v-model="selectedRoom"></v-select>
|
||||||
|
</div> -->
|
||||||
|
<div class="mb-3">
|
||||||
|
<MaterialInput
|
||||||
|
:value="Insurancecost"
|
||||||
|
@input="(event) => (Insurancecost = event.target.value)"
|
||||||
|
class="input-group-static"
|
||||||
|
label="เลขก่อน"
|
||||||
|
type="text"
|
||||||
|
placeholder="เลขก่อน"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<MaterialInput
|
||||||
|
:value="installments"
|
||||||
|
@input="(event) => (installments = event.target.value)"
|
||||||
|
class="input-group-static"
|
||||||
|
label="เลขหลัง"
|
||||||
|
type="text"
|
||||||
|
placeholder="เลขหลัง"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<MaterialInput
|
<MaterialInput
|
||||||
:value="Waterbill"
|
:value="Waterbill"
|
||||||
@ -410,26 +442,7 @@ export default {
|
|||||||
placeholder="ค่าบำรุงลิฟท์"
|
placeholder="ค่าบำรุงลิฟท์"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-3">
|
|
||||||
<MaterialInput
|
|
||||||
:value="Insurancecost"
|
|
||||||
@input="(event) => (Insurancecost = event.target.value)"
|
|
||||||
class="input-group-static"
|
|
||||||
label="เลขก่อน"
|
|
||||||
type="text"
|
|
||||||
placeholder="เลขก่อน"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="mb-3">
|
|
||||||
<MaterialInput
|
|
||||||
:value="installments"
|
|
||||||
@input="(event) => (installments = event.target.value)"
|
|
||||||
class="input-group-static"
|
|
||||||
label="เลขหลัง"
|
|
||||||
type="text"
|
|
||||||
placeholder="เลขหลัง"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div
|
<div
|
||||||
class="mb-3"
|
class="mb-3"
|
||||||
style="display: flex; justify-content: flex-start; align-items: center"
|
style="display: flex; justify-content: flex-start; align-items: center"
|
||||||
|
|||||||
@ -50,12 +50,24 @@ onUnmounted(() => {
|
|||||||
</div>
|
</div>
|
||||||
</div> -->
|
</div> -->
|
||||||
<Header>
|
<Header>
|
||||||
<div class="page-header min-vh-45" :style="`background-image: url(${vueMkHeader})`" loading="lazy">
|
<div
|
||||||
|
class="page-header min-vh-70"
|
||||||
|
:style="`background-image: url(${vueMkHeader})`"
|
||||||
|
loading="lazy"
|
||||||
|
>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="text-center" style="margin-top: -120px">
|
||||||
<div class="col-lg-7 text-center mx-auto position-relative">
|
<img src="../../assets/img/logo.png" alt="title" loading="lazy" class="w-35" />
|
||||||
<h1 class=" pt-3 mt-n5 me-2 head-text">
|
</div>
|
||||||
|
<div class="row pt-6">
|
||||||
|
<div class="col-lg-12 text-center mx-auto position-relative">
|
||||||
|
<h1 class="pt-3 mt-n5 me-2 head-text">
|
||||||
โปรแกรมทะเบียนบ้านพัก
|
โปรแกรมทะเบียนบ้านพัก
|
||||||
|
<br />
|
||||||
|
<span
|
||||||
|
style="font-size: 24px; border-top: 4px solid #000; font-weight: normal"
|
||||||
|
>กองบัญชาการตำรวจตระเวนชายแดน</span
|
||||||
|
>
|
||||||
</h1>
|
</h1>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -294,4 +306,4 @@ onUnmounted(() => {
|
|||||||
background-color: rgba(255, 255, 255, 0.5);
|
background-color: rgba(255, 255, 255, 0.5);
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -5,12 +5,14 @@ import Breadcrumbs from "@/examples/Breadcrumbs.vue";
|
|||||||
import vueMkHeader from "@/assets/img/bg.jpg";
|
import vueMkHeader from "@/assets/img/bg.jpg";
|
||||||
import userData from "@/assets/dataJson/users.json";
|
import userData from "@/assets/dataJson/users.json";
|
||||||
import axios from "axios";
|
import axios from "axios";
|
||||||
|
import Datepicker from "vue3-datepicker";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
MaterialInput,
|
MaterialInput,
|
||||||
MaterialButton,
|
MaterialButton,
|
||||||
Breadcrumbs,
|
Breadcrumbs,
|
||||||
|
Datepicker,
|
||||||
},
|
},
|
||||||
setup() {
|
setup() {
|
||||||
return {
|
return {
|
||||||
@ -33,11 +35,13 @@ export default {
|
|||||||
userList: [],
|
userList: [],
|
||||||
userByid: {},
|
userByid: {},
|
||||||
searchName: "",
|
searchName: "",
|
||||||
typeUserByqueue: "โสด",
|
typeUserByqueue: "ทั้งหมด",
|
||||||
|
typeroomByqueue: "",
|
||||||
olddatatypeQueue: [],
|
olddatatypeQueue: [],
|
||||||
datatypeQueue: [],
|
datatypeQueue: [],
|
||||||
no: 0,
|
no: 0,
|
||||||
userId: ''
|
userId: "",
|
||||||
|
picked: new Date(),
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
@ -47,7 +51,6 @@ export default {
|
|||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
selectedUser: function (newValue) {
|
selectedUser: function (newValue) {
|
||||||
console.log(newValue.value);
|
|
||||||
this.getAllusersByid(newValue.value);
|
this.getAllusersByid(newValue.value);
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
@ -62,17 +65,27 @@ export default {
|
|||||||
// this.selected = event;
|
// this.selected = event;
|
||||||
},
|
},
|
||||||
|
|
||||||
|
queuetypefilter(e) {
|
||||||
|
if (e.target) this.typeroomByqueue = e.target.value;
|
||||||
|
},
|
||||||
|
|
||||||
|
editTypeRoom(event){
|
||||||
|
console.log(event);
|
||||||
|
this.typeroomByqueue = event
|
||||||
|
},
|
||||||
|
|
||||||
queuefilter(e) {
|
queuefilter(e) {
|
||||||
if (e.target) this.typeUserByqueue = e.target.value;
|
if (e.target) this.typeUserByqueue = e.target.value;
|
||||||
else this.typeUserByqueue = e;
|
else this.typeUserByqueue = e;
|
||||||
this.datatypeQueue = this.olddatatypeQueue;
|
this.datatypeQueue = this.olddatatypeQueue;
|
||||||
if(this.typeUserByqueue !== 'ทั้งหมด'){
|
if (this.typeUserByqueue !== "ทั้งหมด") {
|
||||||
let dataqueue = this.datatypeQueue.filter((e) => e.status == this.typeUserByqueue);
|
let dataqueue = this.datatypeQueue.filter(
|
||||||
this.queueList = dataqueue;
|
(e) => e.typeRoom == this.typeUserByqueue
|
||||||
}else if (this.typeUserByqueue == 'ทั้งหมด'){
|
);
|
||||||
this.queueList = this.datatypeQueue;
|
this.queueList = dataqueue;
|
||||||
|
} else if (this.typeUserByqueue == "ทั้งหมด") {
|
||||||
|
this.queueList = this.datatypeQueue;
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
getAllqueue() {
|
getAllqueue() {
|
||||||
try {
|
try {
|
||||||
@ -81,9 +94,9 @@ export default {
|
|||||||
.then((res) => {
|
.then((res) => {
|
||||||
this.queueList = res.data;
|
this.queueList = res.data;
|
||||||
this.olddatatypeQueue = this.queueList;
|
this.olddatatypeQueue = this.queueList;
|
||||||
console.log(res.data);
|
this.queueList.sort((a, b) => a.pickedBook - b.pickedBook);
|
||||||
this.no = this.queueList.length+1
|
this.no = this.queueList.length + 1;
|
||||||
this.queuefilter("โสด");
|
this.queuefilter("ทั้งหมด");
|
||||||
})
|
})
|
||||||
.catch((err) => {
|
.catch((err) => {
|
||||||
console.log(err.response);
|
console.log(err.response);
|
||||||
@ -94,7 +107,7 @@ export default {
|
|||||||
},
|
},
|
||||||
|
|
||||||
getAllusersByid(id) {
|
getAllusersByid(id) {
|
||||||
this.userId = id
|
this.userId = id;
|
||||||
try {
|
try {
|
||||||
axios
|
axios
|
||||||
.get(`http://localhost:3001/users/${id}`)
|
.get(`http://localhost:3001/users/${id}`)
|
||||||
@ -123,7 +136,7 @@ export default {
|
|||||||
});
|
});
|
||||||
})
|
})
|
||||||
.catch((err) => {
|
.catch((err) => {
|
||||||
console.log(err.response);
|
console.log(err);
|
||||||
});
|
});
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error(error);
|
console.error(error);
|
||||||
@ -155,7 +168,29 @@ export default {
|
|||||||
...this.userByid,
|
...this.userByid,
|
||||||
no: this.no,
|
no: this.no,
|
||||||
bookNumber: this.bookNumber,
|
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;
|
delete body.id;
|
||||||
axios
|
axios
|
||||||
@ -179,14 +214,24 @@ export default {
|
|||||||
<template>
|
<template>
|
||||||
<Header>
|
<Header>
|
||||||
<div
|
<div
|
||||||
class="page-header min-vh-45"
|
class="page-header min-vh-70"
|
||||||
:style="`background-image: url(${vueMkHeader})`"
|
:style="`background-image: url(${vueMkHeader})`"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
>
|
>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="text-center" style="margin-top: -120px">
|
||||||
<div class="col-lg-7 text-center mx-auto position-relative">
|
<img src="../../assets/img/logo.png" alt="title" loading="lazy" class="w-35" />
|
||||||
<h1 class="pt-3 mt-n5 me-2 head-text">ระบบคิว</h1>
|
</div>
|
||||||
|
<div class="row pt-6">
|
||||||
|
<div class="col-lg-12 text-center mx-auto position-relative">
|
||||||
|
<h1 class="pt-3 mt-n5 me-2 head-text">
|
||||||
|
โปรแกรมทะเบียนบ้านพัก
|
||||||
|
<br />
|
||||||
|
<span
|
||||||
|
style="font-size: 24px; border-top: 4px solid #000; font-weight: normal"
|
||||||
|
>กองบัญชาการตำรวจตระเวนชายแดน</span
|
||||||
|
>
|
||||||
|
</h1>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -201,21 +246,21 @@ export default {
|
|||||||
:routes="[{ label: 'หน้าหลัก', route: '/' }, { label: 'ระบบคิว' }]"
|
:routes="[{ label: 'หน้าหลัก', route: '/' }, { label: 'ระบบคิว' }]"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
<h4>ระบบคิว</h4>
|
||||||
<div class="d-flex justify-content-between align-items-baseline">
|
<div class="d-flex justify-content-between align-items-baseline">
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
|
|
||||||
<div class="form-check form-check-inline">
|
<div class="form-check form-check-inline">
|
||||||
<label style="margin-right: 20px">สถานภาพ</label>
|
<label style="margin-right: 20px">ประเภทห้องพัก</label>
|
||||||
<input
|
<input
|
||||||
class="form-check-input"
|
class="form-check-input"
|
||||||
type="radio"
|
type="radio"
|
||||||
name="inlineRadioOptions"
|
name="inlineRadioOptions"
|
||||||
id="inlineRadio1"
|
id="inlineRadio1"
|
||||||
value="โสด"
|
value="ช1"
|
||||||
@change="queuefilter($event)"
|
@change="queuefilter($event)"
|
||||||
checked
|
:checked="typeUserByqueue == 'ช1'"
|
||||||
/>
|
/>
|
||||||
<label class="form-check-label" for="inlineRadio1">โสด</label>
|
<label class="form-check-label" for="inlineRadio1">ช1</label>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-check form-check-inline">
|
<div class="form-check form-check-inline">
|
||||||
<input
|
<input
|
||||||
@ -223,10 +268,11 @@ export default {
|
|||||||
type="radio"
|
type="radio"
|
||||||
name="inlineRadioOptions"
|
name="inlineRadioOptions"
|
||||||
id="inlineRadio2"
|
id="inlineRadio2"
|
||||||
value="สมรส"
|
value="ช2"
|
||||||
@change="queuefilter($event)"
|
@change="queuefilter($event)"
|
||||||
|
:checked="typeUserByqueue == 'ช2'"
|
||||||
/>
|
/>
|
||||||
<label class="form-check-label" for="inlineRadio2">สมรส</label>
|
<label class="form-check-label" for="inlineRadio2">ช2</label>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-check form-check-inline">
|
<div class="form-check form-check-inline">
|
||||||
<input
|
<input
|
||||||
@ -234,10 +280,23 @@ export default {
|
|||||||
type="radio"
|
type="radio"
|
||||||
name="inlineRadioOptions"
|
name="inlineRadioOptions"
|
||||||
id="inlineRadio3"
|
id="inlineRadio3"
|
||||||
|
value="ช3"
|
||||||
|
@change="queuefilter($event)"
|
||||||
|
:checked="typeUserByqueue == 'ช3'"
|
||||||
|
/>
|
||||||
|
<label class="form-check-label" for="inlineRadio3">ช3</label>
|
||||||
|
</div>
|
||||||
|
<div class="form-check form-check-inline">
|
||||||
|
<input
|
||||||
|
class="form-check-input"
|
||||||
|
type="radio"
|
||||||
|
name="inlineRadioOptions"
|
||||||
|
id="inlineRadio4"
|
||||||
value="ทั้งหมด"
|
value="ทั้งหมด"
|
||||||
@change="queuefilter($event)"
|
@change="queuefilter($event)"
|
||||||
|
:checked="typeUserByqueue == 'ทั้งหมด'"
|
||||||
/>
|
/>
|
||||||
<label class="form-check-label" for="inlineRadio3">ทั้งหมด</label>
|
<label class="form-check-label" for="inlineRadio4">ทั้งหมด</label>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="d-flex align-items-baseline">
|
<div class="d-flex align-items-baseline">
|
||||||
@ -276,13 +335,26 @@ export default {
|
|||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr v-for="(item, index) in queueList" :key="index">
|
<tr v-for="(item, index) in queueList" :key="index">
|
||||||
<th scope="row">{{ item?.no }}</th>
|
<th scope="row">{{ item?.no }}</th>
|
||||||
<td>{{ item?.rank }} {{ item?.firstName }} {{ item?.lastName }}</td>
|
<td>{{ item?.rank }} {{ item?.firstName }} {{ item?.lastName }}</td>
|
||||||
<td>{{ item?.affiliation }}</td>
|
<td>{{ item?.affiliation }}</td>
|
||||||
<td>{{ item?.status }}</td>
|
<td>{{ item?.status }}</td>
|
||||||
<td>{{ item?.idcard }}</td>
|
<td>{{ item?.idcard }}</td>
|
||||||
<td>{{ item?.phone }}</td>
|
<td>{{ item?.phone }}</td>
|
||||||
<td>{{ item?.bookNumber }}</td>
|
<td>{{ item?.bookNumber }}</td>
|
||||||
|
<td>
|
||||||
|
<a
|
||||||
|
@click="editTypeRoom(item?.typeRoom)"
|
||||||
|
data-bs-toggle="modal"
|
||||||
|
data-bs-target="#editTypeBackdrop"
|
||||||
|
><i
|
||||||
|
class="material-icons me-2"
|
||||||
|
style="cursor: pointer"
|
||||||
|
aria-hidden="true"
|
||||||
|
>edit</i
|
||||||
|
></a
|
||||||
|
>
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
@ -327,6 +399,47 @@ export default {
|
|||||||
placeholder="ตัวอย่าง : 11244"
|
placeholder="ตัวอย่าง : 11244"
|
||||||
></textarea>
|
></textarea>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="mb-4">
|
||||||
|
<label style="margin-left: -5px">วันที่ลงรับหนังสือ</label>
|
||||||
|
<Datepicker style="text-align: center;" v-model="picked" />
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<label style="margin-right: 20px">ประเภทห้องพัก</label>
|
||||||
|
<div class="form-check form-check-inline">
|
||||||
|
<input
|
||||||
|
class="form-check-input"
|
||||||
|
type="radio"
|
||||||
|
name="inlineRadioOptions"
|
||||||
|
id="inlineRadio5"
|
||||||
|
value="ช1"
|
||||||
|
@change="queuetypefilter($event)"
|
||||||
|
checked
|
||||||
|
/>
|
||||||
|
<label class="form-check-label" for="inlineRadio5">ช1</label>
|
||||||
|
</div>
|
||||||
|
<div class="form-check form-check-inline">
|
||||||
|
<input
|
||||||
|
class="form-check-input"
|
||||||
|
type="radio"
|
||||||
|
name="inlineRadioOptions"
|
||||||
|
id="inlineRadio6"
|
||||||
|
value="ช2"
|
||||||
|
@change="queuetypefilter($event)"
|
||||||
|
/>
|
||||||
|
<label class="form-check-label" for="inlineRadio6">ช2</label>
|
||||||
|
</div>
|
||||||
|
<div class="form-check form-check-inline">
|
||||||
|
<input
|
||||||
|
class="form-check-input"
|
||||||
|
type="radio"
|
||||||
|
name="inlineRadioOptions"
|
||||||
|
id="inlineRadio7"
|
||||||
|
value="ช3"
|
||||||
|
@change="queuetypefilter($event)"
|
||||||
|
/>
|
||||||
|
<label class="form-check-label" for="inlineRadio7">ช3</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div class="row g-0" v-if="selectedUser !== ''">
|
<div class="row g-0" v-if="selectedUser !== ''">
|
||||||
<div class="col-md-12">
|
<div class="col-md-12">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
@ -360,6 +473,86 @@ export default {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div
|
||||||
|
class="modal fade"
|
||||||
|
id="editTypeBackdrop"
|
||||||
|
data-bs-backdrop="static"
|
||||||
|
data-bs-keyboard="false"
|
||||||
|
tabindex="-1"
|
||||||
|
aria-labelledby="staticBackdropLabel"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<div class="modal-dialog modal-dialog-centered">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title" id="staticBackdropLabel">แก้ไขประเภทห้องพัก</h5>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
class="btn-close"
|
||||||
|
data-bs-dismiss="modal"
|
||||||
|
aria-label="Close"
|
||||||
|
></button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<label style="margin-right: 20px">ประเภทห้องพัก</label>
|
||||||
|
<div class="form-check form-check-inline">
|
||||||
|
<input
|
||||||
|
class="form-check-input"
|
||||||
|
type="radio"
|
||||||
|
name="inlineRadioOptions"
|
||||||
|
id="inlineRadio52"
|
||||||
|
value="ช1"
|
||||||
|
@change="queuetypefilter($event)"
|
||||||
|
:checked="typeroomByqueue == 'ช1'"
|
||||||
|
/>
|
||||||
|
<label class="form-check-label" for="inlineRadio52">ช1</label>
|
||||||
|
</div>
|
||||||
|
<div class="form-check form-check-inline">
|
||||||
|
<input
|
||||||
|
class="form-check-input"
|
||||||
|
type="radio"
|
||||||
|
name="inlineRadioOptions"
|
||||||
|
id="inlineRadio53"
|
||||||
|
value="ช2"
|
||||||
|
:checked="typeroomByqueue == 'ช2'"
|
||||||
|
@change="queuetypefilter($event)"
|
||||||
|
/>
|
||||||
|
<label class="form-check-label" for="inlineRadio53">ช2</label>
|
||||||
|
</div>
|
||||||
|
<div class="form-check form-check-inline">
|
||||||
|
<input
|
||||||
|
class="form-check-input"
|
||||||
|
type="radio"
|
||||||
|
name="inlineRadioOptions"
|
||||||
|
id="inlineRadio54"
|
||||||
|
value="ช3"
|
||||||
|
:checked="typeroomByqueue == 'ช3'"
|
||||||
|
@change="queuetypefilter($event)"
|
||||||
|
/>
|
||||||
|
<label class="form-check-label" for="inlineRadio54">ช3</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
|
||||||
|
ปิดหน้าต่าง
|
||||||
|
</button>
|
||||||
|
<MaterialButton
|
||||||
|
variant="gradient"
|
||||||
|
color="success"
|
||||||
|
@click="EditsubmitForm"
|
||||||
|
html-type="submit"
|
||||||
|
data-bs-dismiss="modal"
|
||||||
|
>บันทึก</MaterialButton
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</template>
|
</template>
|
||||||
<style>
|
<style>
|
||||||
|
|||||||
@ -4,6 +4,7 @@ import MaterialButton from "@/components/MaterialButton.vue";
|
|||||||
import Breadcrumbs from "@/examples/Breadcrumbs.vue";
|
import Breadcrumbs from "@/examples/Breadcrumbs.vue";
|
||||||
import vueMkHeader from "@/assets/img/bg.jpg";
|
import vueMkHeader from "@/assets/img/bg.jpg";
|
||||||
import masterData from "@/assets/dataJson/masterData.json";
|
import masterData from "@/assets/dataJson/masterData.json";
|
||||||
|
import axios from "axios";
|
||||||
|
|
||||||
const listRoom = [
|
const listRoom = [
|
||||||
{ title: "ตึก 1" },
|
{ title: "ตึก 1" },
|
||||||
@ -68,21 +69,13 @@ export default {
|
|||||||
|
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
value: { name: "Vue.js", language: "JavaScript" },
|
optionYear: [
|
||||||
options: [
|
|
||||||
{ label: "Vue.js", value: "JavaScript" },
|
|
||||||
{ label: "Rails", value: "Ruby" },
|
|
||||||
{ label: "Sinatra", value: "Ruby" },
|
|
||||||
{ label: "Laravel", value: "PHP" },
|
|
||||||
{ label: "Phoenix", value: "Elixir" },
|
|
||||||
],
|
|
||||||
optionYear:[
|
|
||||||
{ label: "2023", value: "2023" },
|
{ label: "2023", value: "2023" },
|
||||||
{ label: "2022", value: "2022" },
|
{ label: "2022", value: "2022" },
|
||||||
{ label: "2021", value: "2021" },
|
{ label: "2021", value: "2021" },
|
||||||
{ label: "2020", value: "2020" }
|
{ label: "2020", value: "2020" },
|
||||||
],
|
],
|
||||||
optionMonth:[
|
optionMonth: [
|
||||||
{ label: "มกราคม", value: "มกราคม" },
|
{ label: "มกราคม", value: "มกราคม" },
|
||||||
{ label: "กุมภาพันธ์", value: "กุมภาพันธ์" },
|
{ label: "กุมภาพันธ์", value: "กุมภาพันธ์" },
|
||||||
{ label: "มีนาคม", value: "มีนาคม" },
|
{ label: "มีนาคม", value: "มีนาคม" },
|
||||||
@ -103,12 +96,16 @@ export default {
|
|||||||
rank: "", //ยศ
|
rank: "", //ยศ
|
||||||
idcard: "",
|
idcard: "",
|
||||||
phone: "",
|
phone: "",
|
||||||
selectedAffiliation: "ฝอ.2",
|
selectedAffiliation: "",
|
||||||
selectedYear:"2023",
|
selectedYear: "2023",
|
||||||
selectedMonth:"พฤศจิกายน"
|
selectedMonth: "พฤศจิกายน",
|
||||||
|
expensesList: []
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
created() {
|
||||||
|
// this.getAllusers();
|
||||||
|
this.getExpenses();
|
||||||
|
},
|
||||||
watch: {
|
watch: {
|
||||||
selectedColor: function (newValue) {
|
selectedColor: function (newValue) {
|
||||||
// this.updateColor(newValue)
|
// this.updateColor(newValue)
|
||||||
@ -121,6 +118,22 @@ export default {
|
|||||||
// this.selected = event;
|
// this.selected = event;
|
||||||
},
|
},
|
||||||
|
|
||||||
|
async getExpenses() {
|
||||||
|
try {
|
||||||
|
await axios
|
||||||
|
.get("http://localhost:3001/expenses")
|
||||||
|
.then((res) => {
|
||||||
|
this.expensesList = res.data;
|
||||||
|
// console.log(res.data);
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
console.log(err);
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
console.error(error);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
submitForm() {
|
submitForm() {
|
||||||
let body = {
|
let body = {
|
||||||
firstName: this.firstName,
|
firstName: this.firstName,
|
||||||
@ -141,14 +154,24 @@ export default {
|
|||||||
<template>
|
<template>
|
||||||
<Header>
|
<Header>
|
||||||
<div
|
<div
|
||||||
class="page-header min-vh-45"
|
class="page-header min-vh-70"
|
||||||
:style="`background-image: url(${vueMkHeader})`"
|
:style="`background-image: url(${vueMkHeader})`"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
>
|
>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="text-center" style="margin-top: -120px">
|
||||||
<div class="col-lg-7 text-center mx-auto position-relative">
|
<img src="../../assets/img/logo.png" alt="title" loading="lazy" class="w-35" />
|
||||||
<h1 class="pt-3 mt-n5 me-2 head-text">ระบบเรียกรายงาน</h1>
|
</div>
|
||||||
|
<div class="row pt-6">
|
||||||
|
<div class="col-lg-12 text-center mx-auto position-relative">
|
||||||
|
<h1 class="pt-3 mt-n5 me-2 head-text">
|
||||||
|
โปรแกรมทะเบียนบ้านพัก
|
||||||
|
<br />
|
||||||
|
<span
|
||||||
|
style="font-size: 24px; border-top: 4px solid #000; font-weight: normal"
|
||||||
|
>กองบัญชาการตำรวจตระเวนชายแดน</span
|
||||||
|
>
|
||||||
|
</h1>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -163,6 +186,7 @@ export default {
|
|||||||
:routes="[{ label: 'หน้าหลัก', route: '/' }, { label: 'ระบบเรียกรายงาน' }]"
|
:routes="[{ label: 'หน้าหลัก', route: '/' }, { label: 'ระบบเรียกรายงาน' }]"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
<h4>ระบบเรียกรายงาน</h4>
|
||||||
<div>
|
<div>
|
||||||
<ul class="nav nav-tabs" id="myTab" role="tablist">
|
<ul class="nav nav-tabs" id="myTab" role="tablist">
|
||||||
<li class="nav-item" role="presentation">
|
<li class="nav-item" role="presentation">
|
||||||
@ -195,6 +219,7 @@ export default {
|
|||||||
บันทึกค่าใช้จ่ายบ้านพัก บช.ตชด.
|
บันทึกค่าใช้จ่ายบ้านพัก บช.ตชด.
|
||||||
</button>
|
</button>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<div class="tab-content" id="myTabContent">
|
<div class="tab-content" id="myTabContent">
|
||||||
<div
|
<div
|
||||||
@ -207,7 +232,7 @@ export default {
|
|||||||
<div>
|
<div>
|
||||||
<h5>ประจำเดือน พฤศจิกายน</h5>
|
<h5>ประจำเดือน พฤศจิกายน</h5>
|
||||||
<br />
|
<br />
|
||||||
<h5>รวมค่าใช้จ่ายทั้งหมด : 18,111</h5>
|
<h5>รวมค่าใช้จ่ายทั้งหมด : 950</h5>
|
||||||
</div>
|
</div>
|
||||||
<div class="d-flex pt-4">
|
<div class="d-flex pt-4">
|
||||||
<MaterialButton
|
<MaterialButton
|
||||||
@ -239,40 +264,35 @@ export default {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="d-flex justify-content-end align-items-baseline">
|
<div class="d-flex justify-content-end align-items-baseline">
|
||||||
<div class="mb-3 w-15" style="margin-right: 5px">
|
<div class="mb-3 w-15" style="margin-right: 5px">
|
||||||
<label>เดือน</label>
|
<label>เดือน</label>
|
||||||
<v-select
|
<v-select :options="optionMonth" v-model="selectedMonth"></v-select>
|
||||||
:options="optionMonth"
|
</div>
|
||||||
v-model="selectedMonth"
|
<!-- <div class="mb-3 w-10 " style="margin-right: 5px">
|
||||||
></v-select>
|
|
||||||
</div>
|
|
||||||
<!-- <div class="mb-3 w-10 " style="margin-right: 5px">
|
|
||||||
<label>พ.ศ.</label>
|
<label>พ.ศ.</label>
|
||||||
<v-select
|
<v-select
|
||||||
:options="optionYear"
|
:options="optionYear"
|
||||||
v-model="selectedYear"
|
v-model="selectedYear"
|
||||||
></v-select>
|
></v-select>
|
||||||
</div> -->
|
</div> -->
|
||||||
<div class="mb-3 w-15 ">
|
<div class="mb-3 w-15">
|
||||||
<label>สังกัด</label>
|
<label>สังกัด</label>
|
||||||
<v-select
|
<v-select
|
||||||
:options="masterData?.Affiliation"
|
:options="masterData?.Affiliation"
|
||||||
v-model="selectedAffiliation"
|
v-model="selectedAffiliation"
|
||||||
></v-select>
|
></v-select>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="text-center pt-4 table-responsive">
|
<div class="text-center pt-4 table-responsive">
|
||||||
<table class="table table-hover border border-2 border-success">
|
<table class="table table-hover border border-2 border-success">
|
||||||
<thead class="border border-2 border-success border-bottom">
|
<thead class="border border-2 border-success border-bottom">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col">ลำดับ</th>
|
|
||||||
<th scope="col">อาคาร</th>
|
|
||||||
<th scope="col">ชั้น</th>
|
|
||||||
<th scope="col">เลขที่ห้อง</th>
|
|
||||||
<th scope="col">ชื่อ-สกุล</th>
|
<th scope="col">ชื่อ-สกุล</th>
|
||||||
|
<th scope="col">สังกัด</th>
|
||||||
<th scope="col">เลขก่อน</th>
|
<th scope="col">เลขก่อน</th>
|
||||||
<th scope="col">เลขหลัง</th>
|
<th scope="col">เลขหลัง</th>
|
||||||
<th scope="col">ค่าธรรมเนียม</th>
|
<th scope="col">ค่าธรรมเนียม</th>
|
||||||
|
<!-- <th scope="col">ค่าบำรุง</th> -->
|
||||||
<th scope="col">ค่าน้ำประปา</th>
|
<th scope="col">ค่าน้ำประปา</th>
|
||||||
<th scope="col">ค่าไฟฟ้าส่วนกลาง</th>
|
<th scope="col">ค่าไฟฟ้าส่วนกลาง</th>
|
||||||
<th scope="col">รวม</th>
|
<th scope="col">รวม</th>
|
||||||
@ -282,33 +302,27 @@ export default {
|
|||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
<tr v-for="(item, index) in expensesList" :key="index">
|
||||||
<th scope="row">1</th>
|
<!-- <th scope="row">{{ index + 1 }}</th> -->
|
||||||
<td>แฟลตลือชา 2</td>
|
<td>
|
||||||
<td>3</td>
|
{{ item?.rank }} {{ item?.firstName }} {{ item?.lastName }}
|
||||||
<td>303</td>
|
</td>
|
||||||
<td>ส.ต.ต. มีนา บานเย็น</td>
|
|
||||||
<td>325</td>
|
<td>{{ item?.affiliation }}</td>
|
||||||
<td>365</td>
|
<td>{{ item?.installments }}</td>
|
||||||
<td>200</td>
|
<td>{{ item?.insurancecost }}</td>
|
||||||
<td>80</td>
|
<td>{{ item?.sumCost }}</td>
|
||||||
<td>200</td>
|
<!-- <td>{{ item?.Maintenancefee }}</td> -->
|
||||||
<td>480</td>
|
<td>{{ item?.waterbill }}</td>
|
||||||
<td>/</td>
|
<!-- <td>{{ item?.waterbill }}</td> -->
|
||||||
</tr>
|
<td>{{ item?.central }}</td>
|
||||||
<tr>
|
<td>{{ item?.costs }}</td>
|
||||||
<th scope="row">2</th>
|
<!-- <td>{{ item?.sumCost }}</td>
|
||||||
<td>แฟลตลือชา 2</td>
|
<td>{{ item?.sumbill }}</td> -->
|
||||||
<td>3</td>
|
|
||||||
<td>303</td>
|
|
||||||
<td>ส.ต.ต. มีนา บานเย็น</td>
|
|
||||||
<td>325</td>
|
|
||||||
<td>365</td>
|
|
||||||
<td>200</td>
|
|
||||||
<td>80</td>
|
|
||||||
<td>200</td>
|
|
||||||
<td>480</td>
|
|
||||||
<td>/</td>
|
<td>/</td>
|
||||||
|
<td>-</td>
|
||||||
|
<!-- {{ item?.typeContract }} -->
|
||||||
|
<td>{{ item?.contract }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
@ -324,7 +338,7 @@ export default {
|
|||||||
<div>
|
<div>
|
||||||
<h5>ประจำเดือน พฤศจิกายน</h5>
|
<h5>ประจำเดือน พฤศจิกายน</h5>
|
||||||
<br />
|
<br />
|
||||||
<h5>รวมค่าใช้จ่ายทั้งหมด : 18,111</h5>
|
<h5>รวมค่าใช้จ่ายทั้งหมด : 950</h5>
|
||||||
</div>
|
</div>
|
||||||
<div class="d-flex pt-4">
|
<div class="d-flex pt-4">
|
||||||
<MaterialButton
|
<MaterialButton
|
||||||
@ -359,36 +373,42 @@ export default {
|
|||||||
<table class="table table-hover border border-2 border-success">
|
<table class="table table-hover border border-2 border-success">
|
||||||
<thead class="border border-2 border-success border-bottom">
|
<thead class="border border-2 border-success border-bottom">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col">ลำดับ</th>
|
<th scope="col">ชื่อ-สกุล</th>
|
||||||
<th scope="col">อาคาร</th>
|
|
||||||
<th scope="col">ชั้น</th>
|
|
||||||
<th scope="col">เลขที่ห้อง</th>
|
|
||||||
<th scope="col">สังกัด</th>
|
<th scope="col">สังกัด</th>
|
||||||
<th scope="col">ค่าบำรุงฯ</th>
|
<th scope="col">เลขก่อน</th>
|
||||||
<th scope="col">ค่าประกัน</th>
|
<th scope="col">เลขหลัง</th>
|
||||||
|
<th scope="col">ค่าธรรมเนียม</th>
|
||||||
|
<!-- <th scope="col">ค่าบำรุง</th> -->
|
||||||
|
<th scope="col">ค่าน้ำประปา</th>
|
||||||
|
<th scope="col">ค่าไฟฟ้าส่วนกลาง</th>
|
||||||
<th scope="col">รวม</th>
|
<th scope="col">รวม</th>
|
||||||
|
<th scope="col">หักได้</th>
|
||||||
|
<th scope="col">หักไม่ได้</th>
|
||||||
|
<th scope="col">สาเหตุหักไม่ได้</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
<tr v-for="(item, index) in expensesList" :key="index">
|
||||||
<th scope="row">1</th>
|
<!-- <th scope="row">{{ index + 1 }}</th> -->
|
||||||
<td>แฟลตลือชา 2</td>
|
<td>
|
||||||
<td>2</td>
|
{{ item?.rank }} {{ item?.firstName }} {{ item?.lastName }}
|
||||||
<td>203</td>
|
</td>
|
||||||
<td>ฝอ.2</td>
|
|
||||||
<td>1,300</td>
|
<td>{{ item?.affiliation }}</td>
|
||||||
<td>300</td>
|
<td>{{ item?.installments }}</td>
|
||||||
<td>1,600</td>
|
<td>{{ item?.insurancecost }}</td>
|
||||||
</tr>
|
<td>{{ item?.sumCost }}</td>
|
||||||
<tr>
|
<!-- <td>{{ item?.Maintenancefee }}</td> -->
|
||||||
<th scope="row">2</th>
|
<td>{{ item?.waterbill }}</td>
|
||||||
<td>แฟลตลือชา 2</td>
|
<!-- <td>{{ item?.waterbill }}</td> -->
|
||||||
<td>1</td>
|
<td>{{ item?.central }}</td>
|
||||||
<td>101</td>
|
<td>{{ item?.costs }}</td>
|
||||||
<td>ฝอ.1</td>
|
<!-- <td>{{ item?.sumCost }}</td>
|
||||||
<td>1,300</td>
|
<td>{{ item?.sumbill }}</td> -->
|
||||||
<td>300</td>
|
<td>/</td>
|
||||||
<td>1,600</td>
|
<td>-</td>
|
||||||
|
<!-- {{ item?.typeContract }} -->
|
||||||
|
<td>{{ item?.contract }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
@ -747,7 +767,7 @@ export default {
|
|||||||
</template>
|
</template>
|
||||||
<style>
|
<style>
|
||||||
.bg-green {
|
.bg-green {
|
||||||
border: 2px solid #4CBB17 !important;
|
border: 2px solid #4cbb17 !important;
|
||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
.bg-red {
|
.bg-red {
|
||||||
|
|||||||
@ -226,7 +226,7 @@ export default {
|
|||||||
<th scope="col">ยศ</th>
|
<th scope="col">ยศ</th>
|
||||||
<th scope="col">เลขบัตรประชาชน</th>
|
<th scope="col">เลขบัตรประชาชน</th>
|
||||||
<th scope="col">เบอร์ติดต่อ</th>
|
<th scope="col">เบอร์ติดต่อ</th>
|
||||||
<th scope="col">วันทำสัญญา</th>
|
<th scope="col">วันที่ได้รับอนุมัติ</th>
|
||||||
<th scope="col">ระยะเวลาที่เข้าพัก</th>
|
<th scope="col">ระยะเวลาที่เข้าพัก</th>
|
||||||
<th scope="col">เงินค่าประกัน</th>
|
<th scope="col">เงินค่าประกัน</th>
|
||||||
<th scope="col">สถานะ</th>
|
<th scope="col">สถานะ</th>
|
||||||
@ -294,9 +294,9 @@ export default {
|
|||||||
:value="contract"
|
:value="contract"
|
||||||
@input="(event) => (contract = event.target.value)"
|
@input="(event) => (contract = event.target.value)"
|
||||||
class="input-group-static"
|
class="input-group-static"
|
||||||
label="วันทำสัญญา"
|
label="วันที่ได้รับอนุมัติ"
|
||||||
type="text"
|
type="text"
|
||||||
placeholder="วันทำสัญญา"
|
placeholder="วันที่ได้รับอนุมัติ"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
|
|||||||
@ -230,14 +230,24 @@ export default {
|
|||||||
<template>
|
<template>
|
||||||
<Header>
|
<Header>
|
||||||
<div
|
<div
|
||||||
class="page-header min-vh-45"
|
class="page-header min-vh-70"
|
||||||
:style="`background-image: url(${vueMkHeader})`"
|
:style="`background-image: url(${vueMkHeader})`"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
>
|
>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="text-center" style="margin-top: -120px">
|
||||||
<div class="col-lg-7 text-center mx-auto position-relative">
|
<img src="../../assets/img/logo.png" alt="title" loading="lazy" class="w-35" />
|
||||||
<h1 class="pt-3 mt-n5 me-2 head-text">สถานะห้องพัก</h1>
|
</div>
|
||||||
|
<div class="row pt-6">
|
||||||
|
<div class="col-lg-12 text-center mx-auto position-relative">
|
||||||
|
<h1 class="pt-3 mt-n5 me-2 head-text">
|
||||||
|
โปรแกรมทะเบียนบ้านพัก
|
||||||
|
<br />
|
||||||
|
<span
|
||||||
|
style="font-size: 24px; border-top: 4px solid #000; font-weight: normal"
|
||||||
|
>กองบัญชาการตำรวจตระเวนชายแดน</span
|
||||||
|
>
|
||||||
|
</h1>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -277,7 +287,7 @@ export default {
|
|||||||
<p class="card-text">สถานะห้อง : ไม่ว่าง</p>
|
<p class="card-text">สถานะห้อง : ไม่ว่าง</p>
|
||||||
<p class="card-text">สังกัด : ฝอ. 1</p>
|
<p class="card-text">สังกัด : ฝอ. 1</p>
|
||||||
<p class="card-text">เลขบัตรประชาชน : 123456123456</p>
|
<p class="card-text">เลขบัตรประชาชน : 123456123456</p>
|
||||||
<p class="card-text">วันทำสัญญา : 12/02/2564</p>
|
<p class="card-text">วันที่ได้รับอนุมัติ : 12/02/2564</p>
|
||||||
|
|
||||||
<p class="card-text">ระยะเวลาที่เข้าพัก : 3 เดือน</p>
|
<p class="card-text">ระยะเวลาที่เข้าพัก : 3 เดือน</p>
|
||||||
</div>
|
</div>
|
||||||
@ -376,9 +386,9 @@ export default {
|
|||||||
:value="contract"
|
:value="contract"
|
||||||
@input="(event) => (contract = event.target.value)"
|
@input="(event) => (contract = event.target.value)"
|
||||||
class="input-group-static"
|
class="input-group-static"
|
||||||
label="วันทำสัญญา"
|
label="วันที่ได้รับอนุมัติ"
|
||||||
type="text"
|
type="text"
|
||||||
placeholder="วันทำสัญญา"
|
placeholder="วันที่ได้รับอนุมัติ"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
|
|||||||
@ -17,7 +17,6 @@ export default {
|
|||||||
},
|
},
|
||||||
setup() {
|
setup() {
|
||||||
return {
|
return {
|
||||||
NoRoom,
|
|
||||||
vueMkHeader,
|
vueMkHeader,
|
||||||
// roomData,
|
// roomData,
|
||||||
};
|
};
|
||||||
@ -230,14 +229,24 @@ export default {
|
|||||||
<template>
|
<template>
|
||||||
<Header>
|
<Header>
|
||||||
<div
|
<div
|
||||||
class="page-header min-vh-45"
|
class="page-header min-vh-70"
|
||||||
:style="`background-image: url(${vueMkHeader})`"
|
:style="`background-image: url(${vueMkHeader})`"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
>
|
>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="text-center" style="margin-top: -120px">
|
||||||
<div class="col-lg-7 text-center mx-auto position-relative">
|
<img src="../../assets/img/logo.png" alt="title" loading="lazy" class="w-35" />
|
||||||
<h1 class="pt-3 mt-n5 me-2 head-text">สถานะห้องพัก</h1>
|
</div>
|
||||||
|
<div class="row pt-6">
|
||||||
|
<div class="col-lg-12 text-center mx-auto position-relative">
|
||||||
|
<h1 class="pt-3 mt-n5 me-2 head-text">
|
||||||
|
โปรแกรมทะเบียนบ้านพัก
|
||||||
|
<br />
|
||||||
|
<span
|
||||||
|
style="font-size: 24px; border-top: 4px solid #000; font-weight: normal"
|
||||||
|
>กองบัญชาการตำรวจตระเวนชายแดน</span
|
||||||
|
>
|
||||||
|
</h1>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -253,6 +262,7 @@ export default {
|
|||||||
:routes="[{ label: 'หน้าหลัก', route: '/' }, { label: 'สถานะห้องพัก' }]"
|
:routes="[{ label: 'หน้าหลัก', route: '/' }, { label: 'สถานะห้องพัก' }]"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
<h4>สถานะห้องพัก</h4>
|
||||||
<div class="row pt-4 align-items-baseline">
|
<div class="row pt-4 align-items-baseline">
|
||||||
<div class="col-4">
|
<div class="col-4">
|
||||||
<div class="d-flex justify-content-start align-items-baseline">
|
<div class="d-flex justify-content-start align-items-baseline">
|
||||||
@ -351,6 +361,14 @@ export default {
|
|||||||
</MaterialCheckbox>
|
</MaterialCheckbox>
|
||||||
<MaterialCheckbox
|
<MaterialCheckbox
|
||||||
id="terms5"
|
id="terms5"
|
||||||
|
color="warning3"
|
||||||
|
:checked="statusreturn"
|
||||||
|
@change="onChangeEvent('return', $event)"
|
||||||
|
>
|
||||||
|
<a href="javascript:;" class="font-weight-bolder"> รอคืนเงินประกัน</a>
|
||||||
|
</MaterialCheckbox>
|
||||||
|
<MaterialCheckbox
|
||||||
|
id="terms6"
|
||||||
color="special"
|
color="special"
|
||||||
@change="onChangeEvent('special', $event)"
|
@change="onChangeEvent('special', $event)"
|
||||||
>
|
>
|
||||||
@ -578,6 +596,10 @@ export default {
|
|||||||
background-color: #fb8c00 !important;
|
background-color: #fb8c00 !important;
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
}
|
}
|
||||||
|
.bg-warning3 {
|
||||||
|
background-color: #eada29 !important;
|
||||||
|
color: #fff !important;
|
||||||
|
}
|
||||||
.bg-return {
|
.bg-return {
|
||||||
background-color: #816613 !important;
|
background-color: #816613 !important;
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
@ -598,6 +620,10 @@ export default {
|
|||||||
background-color: #fb8c00 !important;
|
background-color: #fb8c00 !important;
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
}
|
}
|
||||||
|
.bgg-warning3 {
|
||||||
|
background-color: #eada29 !important;
|
||||||
|
color: #fff !important;
|
||||||
|
}
|
||||||
.bgg-return {
|
.bgg-return {
|
||||||
background-color: #816613 !important;
|
background-color: #816613 !important;
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
|
|||||||
@ -217,14 +217,15 @@ export default {
|
|||||||
mode: "",
|
mode: "",
|
||||||
id: "",
|
id: "",
|
||||||
numberRoom: "",
|
numberRoom: "",
|
||||||
roomData:[]
|
leniency: "",
|
||||||
|
roomData: [],
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.mode = this.$route.query.mode;
|
this.mode = this.$route.query.mode;
|
||||||
if (this.$route.params.id) {
|
if (this.$route.params.id) {
|
||||||
this.id = this.$route.params.id;
|
this.id = this.$route.params.id;
|
||||||
this.getRooms(this.id)
|
this.getRooms(this.id);
|
||||||
}
|
}
|
||||||
// this.$route.query
|
// this.$route.query
|
||||||
},
|
},
|
||||||
@ -276,14 +277,24 @@ export default {
|
|||||||
<template>
|
<template>
|
||||||
<Header>
|
<Header>
|
||||||
<div
|
<div
|
||||||
class="page-header min-vh-45"
|
class="page-header min-vh-70"
|
||||||
:style="`background-image: url(${vueMkHeader})`"
|
:style="`background-image: url(${vueMkHeader})`"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
>
|
>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="text-center" style="margin-top: -120px">
|
||||||
<div class="col-lg-7 text-center mx-auto position-relative">
|
<img src="../../assets/img/logo.png" alt="title" loading="lazy" class="w-35" />
|
||||||
<h1 class="pt-3 mt-n5 me-2 head-text">สถานะห้องพัก</h1>
|
</div>
|
||||||
|
<div class="row pt-6">
|
||||||
|
<div class="col-lg-12 text-center mx-auto position-relative">
|
||||||
|
<h1 class="pt-3 mt-n5 me-2 head-text">
|
||||||
|
โปรแกรมทะเบียนบ้านพัก
|
||||||
|
<br />
|
||||||
|
<span
|
||||||
|
style="font-size: 24px; border-top: 4px solid #000; font-weight: normal"
|
||||||
|
>กองบัญชาการตำรวจตระเวนชายแดน</span
|
||||||
|
>
|
||||||
|
</h1>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -337,6 +348,19 @@ export default {
|
|||||||
>
|
>
|
||||||
คืนห้องพัก
|
คืนห้องพัก
|
||||||
</button>
|
</button>
|
||||||
|
<button
|
||||||
|
v-if="this.mode !== 'add'"
|
||||||
|
class="nav-link"
|
||||||
|
id="v-pills-settings-tab"
|
||||||
|
data-bs-toggle="pill"
|
||||||
|
data-bs-target="#v-pills-settings"
|
||||||
|
type="button"
|
||||||
|
role="tab"
|
||||||
|
aria-controls="v-pills-settings"
|
||||||
|
aria-selected="false"
|
||||||
|
>
|
||||||
|
ผ่อนผัน
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-9">
|
<div class="col-lg-9">
|
||||||
@ -388,9 +412,7 @@ export default {
|
|||||||
id="inlineRadio2"
|
id="inlineRadio2"
|
||||||
value="option2"
|
value="option2"
|
||||||
/>
|
/>
|
||||||
<label class="form-check-label" for="inlineRadio2"
|
<label class="form-check-label" for="inlineRadio2">ปกติ</label>
|
||||||
>ปกติ</label
|
|
||||||
>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -440,7 +462,9 @@ export default {
|
|||||||
<tbody>
|
<tbody>
|
||||||
<tr v-for="(item, index) in userlist" :key="index">
|
<tr v-for="(item, index) in userlist" :key="index">
|
||||||
<th scope="row">{{ index + 1 }}</th>
|
<th scope="row">{{ index + 1 }}</th>
|
||||||
<td>{{ item.rank }} {{ item.firstName }} {{ item.lastName }}</td>
|
<td>
|
||||||
|
{{ item.rank }} {{ item.firstName }} {{ item.lastName }}
|
||||||
|
</td>
|
||||||
<td>{{ item.Affiliation }}</td>
|
<td>{{ item.Affiliation }}</td>
|
||||||
<td>{{ item.idcard }}</td>
|
<td>{{ item.idcard }}</td>
|
||||||
<td>{{ item.phone }}</td>
|
<td>{{ item.phone }}</td>
|
||||||
@ -537,6 +561,27 @@ export default {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div
|
||||||
|
class="mb-3"
|
||||||
|
style="
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<div class="form-check form-check-inline">
|
||||||
|
<input
|
||||||
|
class="form-check-input"
|
||||||
|
type="radio"
|
||||||
|
name="inlineRadioOptions"
|
||||||
|
id="inlineRadio22"
|
||||||
|
value="รอคืนเงินประกัน"
|
||||||
|
/>
|
||||||
|
<label class="form-check-label" for="inlineRadio22"
|
||||||
|
>รอคืนเงินประกัน</label
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label style="padding-left: 30px"
|
<label style="padding-left: 30px"
|
||||||
>หลักฐานแสดงการชําระค่าไฟเดือนล่าสุด</label
|
>หลักฐานแสดงการชําระค่าไฟเดือนล่าสุด</label
|
||||||
@ -610,147 +655,25 @@ export default {
|
|||||||
aria-labelledby="v-pills-settings-tab"
|
aria-labelledby="v-pills-settings-tab"
|
||||||
>
|
>
|
||||||
<div>
|
<div>
|
||||||
<ul class="nav nav-tabs" id="myTab" role="tablist">
|
<div class="mb-3">
|
||||||
<li class="nav-item" role="presentation">
|
<label style="margin-left: -5px">ผ่อนผันถึง</label>
|
||||||
<button
|
<textarea
|
||||||
class="nav-link active"
|
:value="leniency"
|
||||||
style="color: #57b05b"
|
@input="(event) => (leniency = event.target.value)"
|
||||||
id="home-tab"
|
class="form-control"
|
||||||
data-bs-toggle="tab"
|
id="exampleFormControlTextarea1"
|
||||||
data-bs-target="#home"
|
rows="2"
|
||||||
type="button"
|
placeholder="ผ่อนผันถึง"
|
||||||
role="tab"
|
></textarea>
|
||||||
aria-controls="home"
|
</div>
|
||||||
aria-selected="true"
|
<div class="pt-4 text-end">
|
||||||
>
|
<MaterialButton
|
||||||
บันทึกค่าใช้จ่ายบ้านพัก ตร.
|
variant="gradient"
|
||||||
</button>
|
color="success"
|
||||||
</li>
|
@click="submitForm"
|
||||||
<li class="nav-item" role="presentation">
|
html-type="submit"
|
||||||
<button
|
>บันทึก</MaterialButton
|
||||||
class="nav-link"
|
|
||||||
style="color: #57b05b"
|
|
||||||
id="profile-tab"
|
|
||||||
data-bs-toggle="tab"
|
|
||||||
data-bs-target="#profile"
|
|
||||||
type="button"
|
|
||||||
role="tab"
|
|
||||||
aria-controls="profile"
|
|
||||||
aria-selected="false"
|
|
||||||
>
|
|
||||||
บันทึกค่าใช้จ่ายบ้านพัก บช.ตชด.
|
|
||||||
</button>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<div class="tab-content" id="myTabContent">
|
|
||||||
<div
|
|
||||||
class="tab-pane fade show active"
|
|
||||||
id="home"
|
|
||||||
role="tabpanel"
|
|
||||||
aria-labelledby="home-tab"
|
|
||||||
>
|
>
|
||||||
<div class="d-flex justify-content-end align-items-baseline pt-4">
|
|
||||||
<label style="margin-right: 10px">ค้นหาชื่อหรือเลขห้อง </label>
|
|
||||||
<MaterialInput
|
|
||||||
class="input-group-dynamic w-30"
|
|
||||||
icon="search"
|
|
||||||
type="text"
|
|
||||||
placeholder="Search"
|
|
||||||
/>
|
|
||||||
<MaterialButton
|
|
||||||
style="margin-left: 20px"
|
|
||||||
variant="gradient"
|
|
||||||
color="success"
|
|
||||||
data-bs-toggle="modal"
|
|
||||||
data-bs-target="#staticBackdrop11"
|
|
||||||
>เพิ่มค่าใช้จ่ายบ้านพัก ตร.</MaterialButton
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
<div class="text-center pt-4 table-responsive">
|
|
||||||
<table class="table table-hover border border-2 border-success">
|
|
||||||
<thead class="border border-2 border-success border-bottom">
|
|
||||||
<tr>
|
|
||||||
<th scope="col">ลำดับ</th>
|
|
||||||
<th scope="col">อาคาร</th>
|
|
||||||
<th scope="col">ชั้น</th>
|
|
||||||
<th scope="col">เลขที่ห้อง</th>
|
|
||||||
<th scope="col">ค่าธรรมเนียม</th>
|
|
||||||
<th scope="col">ค่าน้ำประปา</th>
|
|
||||||
<th scope="col">ค่าไฟฟ้า</th>
|
|
||||||
<th scope="col">ค่าไฟฟ้าส่วนกลาง</th>
|
|
||||||
<th scope="col">ค่าบำรุงลิฟท์</th>
|
|
||||||
<th scope="col">ค่าประกัน</th>
|
|
||||||
<th scope="col">จำนวนงวดประกัน</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<th scope="row">1</th>
|
|
||||||
<td>อาคารแฟลต 1/11</td>
|
|
||||||
<td>2</td>
|
|
||||||
<td>202</td>
|
|
||||||
<td>20,000</td>
|
|
||||||
<td>8,000</td>
|
|
||||||
<td>20,000</td>
|
|
||||||
<td>8,000</td>
|
|
||||||
<td>20,000</td>
|
|
||||||
<td>10,000</td>
|
|
||||||
<td>5/10</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="tab-pane fade"
|
|
||||||
id="profile"
|
|
||||||
role="tabpanel"
|
|
||||||
aria-labelledby="profile-tab"
|
|
||||||
>
|
|
||||||
<div class="d-flex justify-content-end align-items-baseline pt-4">
|
|
||||||
<label style="margin-right: 10px">ค้นหาชื่อหรือเลขห้อง </label>
|
|
||||||
<MaterialInput
|
|
||||||
class="input-group-dynamic w-30"
|
|
||||||
icon="search"
|
|
||||||
type="text"
|
|
||||||
placeholder="Search"
|
|
||||||
/>
|
|
||||||
<MaterialButton
|
|
||||||
style="margin-left: 20px"
|
|
||||||
variant="gradient"
|
|
||||||
color="success"
|
|
||||||
data-bs-toggle="modal"
|
|
||||||
data-bs-target="#staticBackdrop12"
|
|
||||||
>เพิ่มค่าใช้จ่ายบ้านพัก บช.ตชด.</MaterialButton
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
<div class="text-center pt-4 table-responsive">
|
|
||||||
<table class="table table-hover border border-2 border-success">
|
|
||||||
<thead class="border border-2 border-success border-bottom">
|
|
||||||
<tr>
|
|
||||||
<th scope="col">ลำดับ</th>
|
|
||||||
<th scope="col">อาคาร</th>
|
|
||||||
<th scope="col">ชั้น</th>
|
|
||||||
<th scope="col">เลขที่ห้อง</th>
|
|
||||||
<th scope="col">ค่าบำรุงฯ</th>
|
|
||||||
<th scope="col">ค่าประกัน</th>
|
|
||||||
<th scope="col">จำนวนงวดประกัน</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<th scope="row">1</th>
|
|
||||||
<td>อาคารแฟลต 1/14</td>
|
|
||||||
<td>2</td>
|
|
||||||
<td>202</td>
|
|
||||||
<td>20,000</td>
|
|
||||||
<td>8,000</td>
|
|
||||||
<td>8/10</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -1023,7 +946,7 @@ export default {
|
|||||||
</template>
|
</template>
|
||||||
<style>
|
<style>
|
||||||
.bg-green {
|
.bg-green {
|
||||||
border: 2px solid #4CBB17 !important;
|
border: 2px solid #4cbb17 !important;
|
||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
.bg-red {
|
.bg-red {
|
||||||
|
|||||||
@ -141,16 +141,26 @@ export default {
|
|||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<template>
|
<template>
|
||||||
<Header>
|
<Header>
|
||||||
<div
|
<div
|
||||||
class="page-header min-vh-45"
|
class="page-header min-vh-70"
|
||||||
:style="`background-image: url(${vueMkHeader})`"
|
:style="`background-image: url(${vueMkHeader})`"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
>
|
>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="text-center" style="margin-top: -120px">
|
||||||
<div class="col-lg-7 text-center mx-auto position-relative">
|
<img src="../../assets/img/logo.png" alt="title" loading="lazy" class="w-35" />
|
||||||
<h1 class="pt-3 mt-n5 me-2 head-text">ผังห้องพัก</h1>
|
</div>
|
||||||
|
<div class="row pt-6">
|
||||||
|
<div class="col-lg-12 text-center mx-auto position-relative">
|
||||||
|
<h1 class="pt-3 mt-n5 me-2 head-text">
|
||||||
|
โปรแกรมทะเบียนบ้านพัก
|
||||||
|
<br />
|
||||||
|
<span
|
||||||
|
style="font-size: 24px; border-top: 4px solid #000; font-weight: normal"
|
||||||
|
>กองบัญชาการตำรวจตระเวนชายแดน</span
|
||||||
|
>
|
||||||
|
</h1>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -166,6 +176,7 @@ export default {
|
|||||||
:routes="[{ label: 'หน้าหลัก', route: '/' }, { label: 'ผังห้องพัก' }]"
|
:routes="[{ label: 'หน้าหลัก', route: '/' }, { label: 'ผังห้องพัก' }]"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
<h4>ผังห้องพัก</h4>
|
||||||
<div class="d-flex justify-content-end align-items-baseline">
|
<div class="d-flex justify-content-end align-items-baseline">
|
||||||
<label style="margin-right: 10px">ค้นหาชื่ออาคาร </label>
|
<label style="margin-right: 10px">ค้นหาชื่ออาคาร </label>
|
||||||
<MaterialInput
|
<MaterialInput
|
||||||
|
|||||||
@ -208,14 +208,24 @@ export default {
|
|||||||
<template>
|
<template>
|
||||||
<Header>
|
<Header>
|
||||||
<div
|
<div
|
||||||
class="page-header min-vh-45"
|
class="page-header min-vh-70"
|
||||||
:style="`background-image: url(${vueMkHeader})`"
|
:style="`background-image: url(${vueMkHeader})`"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
>
|
>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="text-center" style="margin-top: -120px">
|
||||||
<div class="col-lg-7 text-center mx-auto position-relative">
|
<img src="../../assets/img/logo.png" alt="title" loading="lazy" class="w-35" />
|
||||||
<h1 class="pt-3 mt-n5 me-2 head-text">ทะเบียน</h1>
|
</div>
|
||||||
|
<div class="row pt-6">
|
||||||
|
<div class="col-lg-12 text-center mx-auto position-relative">
|
||||||
|
<h1 class="pt-3 mt-n5 me-2 head-text">
|
||||||
|
โปรแกรมทะเบียนบ้านพัก
|
||||||
|
<br />
|
||||||
|
<span
|
||||||
|
style="font-size: 24px; border-top: 4px solid #000; font-weight: normal"
|
||||||
|
>กองบัญชาการตำรวจตระเวนชายแดน</span
|
||||||
|
>
|
||||||
|
</h1>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -230,6 +240,7 @@ export default {
|
|||||||
:routes="[{ label: 'หน้าหลัก', route: '/' }, { label: 'ทะเบียน' }]"
|
:routes="[{ label: 'หน้าหลัก', route: '/' }, { label: 'ทะเบียน' }]"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
<h4>ทะเบียน</h4>
|
||||||
<div class="mb-1">
|
<div class="mb-1">
|
||||||
<div class="form-check form-check-inline">
|
<div class="form-check form-check-inline">
|
||||||
<input
|
<input
|
||||||
@ -332,7 +343,7 @@ export default {
|
|||||||
<thead class="border border-2 border-success border-bottom">
|
<thead class="border border-2 border-success border-bottom">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col">ลำดับ</th>
|
<th scope="col">ลำดับ</th>
|
||||||
<!-- <th scope="col">ยศ</th> -->
|
<th scope="col">ยศ</th>
|
||||||
<th scope="col">ชื่อ-สกุล</th>
|
<th scope="col">ชื่อ-สกุล</th>
|
||||||
<!-- <th scope="col"></th> -->
|
<!-- <th scope="col"></th> -->
|
||||||
<th scope="col">สังกัด</th>
|
<th scope="col">สังกัด</th>
|
||||||
@ -345,8 +356,8 @@ export default {
|
|||||||
<tbody>
|
<tbody>
|
||||||
<tr v-for="(item, index) in dataUser" :key="index">
|
<tr v-for="(item, index) in dataUser" :key="index">
|
||||||
<th scope="row">{{ index + 1 }}</th>
|
<th scope="row">{{ index + 1 }}</th>
|
||||||
|
<td>{{ item?.rank }} </td>
|
||||||
<td>{{ item?.rank }} {{ item?.firstName }} {{ item?.lastName }}</td>
|
<td>{{ item?.firstName }} {{ item?.lastName }}</td>
|
||||||
<td>{{ item?.affiliation }}</td>
|
<td>{{ item?.affiliation }}</td>
|
||||||
<td>{{ item?.status }}</td>
|
<td>{{ item?.status }}</td>
|
||||||
<!-- <td>{{ item.idcard }}</td> -->
|
<!-- <td>{{ item.idcard }}</td> -->
|
||||||
@ -474,6 +485,7 @@ export default {
|
|||||||
label="ชื่อ"
|
label="ชื่อ"
|
||||||
type="text"
|
type="text"
|
||||||
placeholder="ชื่อ"
|
placeholder="ชื่อ"
|
||||||
|
isRequired
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
@ -615,14 +627,14 @@ export default {
|
|||||||
></v-select>
|
></v-select>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
|
<h6 class="input-required">ชื่อ</h6>
|
||||||
<MaterialInput
|
<MaterialInput
|
||||||
name="firstName"
|
name="firstName"
|
||||||
:value="firstName"
|
:value="firstName"
|
||||||
@input="(event) => (firstName = event.target.value)"
|
@input="(event) => (firstName = event.target.value)"
|
||||||
class="input-group-static"
|
class="input-group-static"
|
||||||
label="ชื่อ"
|
|
||||||
type="text"
|
type="text"
|
||||||
placeholder="ชื่อ"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
@ -712,4 +724,6 @@ input[type="number"] {
|
|||||||
.breadcrumb-item a:hover {
|
.breadcrumb-item a:hover {
|
||||||
color: #4caf50 !important;
|
color: #4caf50 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
0
webapp/src/views/Users/newCustomer.json
Normal file
0
webapp/src/views/Users/newCustomer.json
Normal file
Loading…
x
Reference in New Issue
Block a user