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