Skip to content

Commit

Permalink
💄Allowance
Browse files Browse the repository at this point in the history
  • Loading branch information
@noeypatt
noeypatt committed Apr 1, 2020
1 parent c0d4f68 commit 9a3cb67
Show file tree
Hide file tree
Showing 2 changed files with 121 additions and 2 deletions.
92 changes: 92 additions & 0 deletions pages/index/Allowance.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -85,6 +85,98 @@ const Allowance = () => {
))
}
</Steps>
{
current == 0 ?
<div className="data-detail-content">
<img src="/static/imgAllowance.png" />
<div className="title-content">
<h6 className="header-title-content">เบี้ยยังชีพผู้สูงอายุ</h6>
<div className="sub-title-content">
<h6>คือ สวัสดิการขั้นพื้นฐานที่ภาครัฐจัดสรรไว้ให้กับผู้สูงอายุ เพื่อเป็นเงินช่วยเหลือ</h6>
<h6> และแบ่งเบาภาระค่าใช้จ่ายการดำรงชีวิตในแต่ละเดือน</h6>
</div>
</div>
</div>
:
current == 1 ?
<div className="data-detail-content">
<div className="title-content">
<h6 className="header-title-content">ใครบ้างมีสิทธิได้รับเบี้ยยังชีพผู้สูงอายุ</h6>
<h6>คุณสมบัติของผู้ที่จะได้รับเงินช่วยเหลือต้องมีเกณฑ์ ดังต่อไปนี้</h6>
<div className="sub-title-content">
<h6>1. มีสัญชาติไทย</h6>
<h6>2. มีอายุ 59 ปีบริบูรณ์ขึ้นไป</h6>
<h6>3. ต้องไม่เคยได้รับสิทธิประโยชน์จากหน่วยงานของรัฐ หรือรัฐวิสาหกิจ</h6>
</div>
<h6 className="header-title-content">ตัวอย่างการคำนวณอายุ</h6>
<h6>การลงทะเบียนของปี 2560 ต้องเป็นผู้สูงอายุที่เกิดก่อนวันที่ 1 ตุลาคม 2501</h6>
<h6>ส่วนผู้สูงอายุที่ทะเบียนราษฎรระบุเฉพาะปีเกิด </h6>
<h6>ให้ถือว่าเกิดวันที่ 1 มกราคม ของปีนั้น ๆ</h6>
<h6 className="header-title-content">สิทธิประโยชน์จากหน่วยงานของรัฐ หรือรัฐวิสาหกิจ</h6>
<h6>ไม่ว่าจะเป็น เงินบำนาญ เบี้ยหวัด บำนาญพิเศษ รวมถึงเงินอื่น ๆ ในลักษณะเดียวกัน เช่น</h6>

<h6>- ผู้สูงอายุที่อยู่ในสถานสงเคราะห์ของรัฐ หรือองค์กรปกครองส่วนท้องถิ่น</h6>
<h6>- ผู้ที่ได้รับเงินเดือน ค่าตอบแทน รายได้ประจำ หรือผลประโยชน์ตอบแทนอย่างอื่น</h6>
<h6>ที่รัฐจัดให้เป็นประจำ</h6>
</div>
</div>
:
current == 2 ?
<div className="data-detail-content">
<div className="title-content">
<h6 className="header-title-content">การลงทะเบียนรับเบี้ยยังชีพผู้สูงอายุ</h6>
<h6>สำหรับผู้สูงอายุที่มีคุณสมบัติตามเกณฑ์ที่กำหนด</h6>
<h6>สามารถไปลงทะเบียนรับเบี้ยยังชีพด้วยตัวเองได้ตั้งแต่วันที่ 1-30 พฤศจิกายน ของทุกปี</h6>
<div className="sub-title-content">
<h6>1. ผู้สูงอายุในกรุงเทพฯ ลงทะเบียน ณ สำนักงานเขตที่มีชื่ออยู่ในทะเบียนบ้าน</h6>
<h6>2. ผู้สูงอายุต่างจังหวัดยื่นได้ที่สำนักงานเทศบาล หรือองค์การบริหารส่วนตำบล (อบต.) </h6>
<h6 className="sub-content">ที่ผู้สูงอายุมีชื่ออยู่ในทะเบียนบ้าน</h6>
</div>
<h6 className="header-title-content">ช่องทางในการรับเงินเบี้ยยังชีพผู้สูงอายุ</h6>
<div className="sub-title-content">
<h6>1. รับเป็นเงินสดด้วยตนเอง</h6>
<h6>2. ให้ผู้แทนที่ได้รับมอบอำนาจรับแทน</h6>
<h6>3. โอนเข้าบัญชีธนาคารในนามของผู้สูงอายุ</h6>
<h6>4. โอนเข้าบัญชีธนาคารในนามของผู้แทนที่ได้รับมอบอำนาจจากผู้สูงอาย</h6>
</div>
</div>
</div>
:
current == 3 ?
<div className="data-detail-content">
<div className="title-content">
<h6 className="header-title-content">หลักฐานในการลงทะเบียนรับเบี้ยยังชีพผู้สูงอายุ</h6>
<div className="sub-title-content">
<h6>1. บัตรประจำตัวประชาชนตัวจริงพร้อมสำเนา หรือบัตรอื่นที่ออก</h6>
<h6 className="sub-content">โดยหน่วยงานของรัฐที่มีรูปถ่าย</h6>
<h6>2. ทะเบียนบ้านตัวจริงพร้อมสำเนา</h6>
<h6>3. สมุดบัญชีเงินฝากธนาคารตัวจริงพร้อมสำเนา สำหรับผู้ขอรับเงินผ่านธนาคาร</h6>
</div>
<h6 className="header-title-content">กรณีที่ผู้สูงอายุไม่สามารถมาจดทะเบียนได้ด้วยตนเอง</h6>
<h6> สามารถมอบอำนาจเป็นลายลักษณ์อักษรให้ผู้อื่นเป็นผู้ยื่นคำขอขึ้นทะเบียนรับเงินแทนได้</h6>
<h6>โดยผู้แทนจะต้องมีหนังสือมอบอำนาจพร้อมสำเนาบัตรประจำตัวประชาชน</h6>
<h6>ของผู้รับมอบอำนาจมายื่นคำขอขึ้นทะเบียนด้วย</h6>
</div>
</div>
:
current == 4 ?
<div className="data-detail-content">
<div className="title-content">
<h6 className="header-title-content">เบี้ยยังชีพที่ผู้สูงอายุจะได้รับ</h6>
<h6>ปัจจุบันการจ่ายเบี้ยยังชีพผู้สูงอายุ จะเป็นแบบขั้นบันไดตามช่วงอายุ</h6>
<h6>โดยผู้สูงอายุจะได้รับเงินช่วยเหลือเป็นรายเดือนต่อเนื่องไปจนกว่าจะเสียชีวิต </h6>
<h6>ซึ่งแบ่งได้ตามนี้</h6>
<div className="sub-title-content">
<h6>- ช่วงอายุ 60 - 69 ปี ได้รับเงิน 600 บาทต่อเดือน</h6>
<h6>- ช่วงอายุ 70 - 79 ปี ได้รับเงิน 700 บาทต่อเดือน</h6>
<h6>- ช่วงอายุ 80 - 89 ปี ได้รับเงิน 800 บาทต่อเดือน</h6>
<h6>- ช่วงอายุ 90 ปีขึ้นไป ได้รับเงิน 1,000 บาทต่อเดือน</h6>
</div>
</div>
</div>
:
null
}
</div>
</div>
:
Expand Down
31 changes: 29 additions & 2 deletions styles/index/allowance.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,9 @@ $primary-color: #39b54a !important;
margin: 2rem 3rem;

@media (max-width: 575.98px) {
margin-top: 1rem !important;
flex-direction: column;
margin: 0 1rem;
}
img {
height: 20rem;
Expand All @@ -49,13 +51,15 @@ $primary-color: #39b54a !important;
align-items: center;
flex-direction: column;

img{
img {
width: 20rem;
height: 15rem;
}

@media (max-width: 575.98px) {
width: 100%;
margin-top: 1rem;
margin-left: 0;
}

.title-content {
Expand Down Expand Up @@ -154,6 +158,9 @@ $primary-color: #39b54a !important;
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
height: 2rem;
background: $primary-color;
@media (max-width: 575.98px) {
height: inherit;
}
}

//Content
Expand All @@ -177,4 +184,24 @@ $primary-color: #39b54a !important;
color: $primary-color;
}

}
//Min
.ant-steps-item-title {
@media (max-width: 575.98px) {
width: 30rem;
}
}
.ant-steps-item-container {
@media (max-width: 575.98px) {
display: flex;
width: 20rem;
}
}

.ant-steps-item-content {
@media (max-width: 575.98px) {
display: flex;
margin: 0;
width: 20rem;
}
}
}

1 comment on commit 9a3cb67

@vercel
Copy link

@vercel vercel bot commented on 9a3cb67 Apr 1, 2020

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to following URLs:

Please sign in to comment.