https://www.ttbbank.com/_next/static/chunks/pages/howto/e-banking/…y-bill-build-1789371932-98eb727c986a6d0b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[38960],{55129:function(a,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/howto/e-banking/pay-bill",function(){return e(21744)}])},21744:function(a,t,e){"use strict";e.r(t),e.d(t,{__N_SSP:function(){return p}});var i=e(85893),n=e(67294),s=e(30172),l=e(95186),o=e(52997),r=e(10787),c=e(31114),d=e.n(c);s.Z.use([l.Z,o.Z,r.Z]);var p=!0;t.default=()=>{let a=[{image:"https://www.ttbbank.com/archive/howto/e-banking/images/paybill/1.jpg",text:'<p class="'.concat(d().howto_text,'">1. เลือกเมนู <strong>“จ่ายบิล”</strong> จากเมนูหลักด้านซ้าย</p>')},{image:"https://www.ttbbank.com/archive/howto/e-banking/images/paybill/2.jpg",text:'<p class="'.concat(d().howto_text,'">2. เลือกบัญชีที่ต้องการใช้จ่ายบิลจากเมนูทางขวา</p>')},{image:"https://www.ttbbank.com/archive/howto/e-banking/images/paybill/3.jpg",text:'<p class="'.concat(d().howto_text,'">3. เลือก <strong>“ผู้ให้บริการ”</strong> โดยกดรายชื่อผู้ให้บริการ หากไม่พบผู้ให้บริการที่ต้องการ สามารถพิมพ์ชื่อ หรือเลือกประเภท เพื่อค้นหาผู้ให้บริการที่ต้องการได้ทันที</p>')},{image:"https://www.ttbbank.com/archive/howto/e-banking/images/paybill/4.jpg",text:'<p class="'.concat(d().howto_text,'">4. ระบุจำนวนเงินที่ต้องการจ่าย โดยสามารถเลือกเป็น <strong>“เต็มจำนวน”</strong> <strong>“ขั้นต่ำ”</strong> หรือระบุจำนวนเงินที่ต้องการจ่าย และสามารถเลือกที่จะเขียนโน้ตไว้เตือนตัวเองได้ในภายหลังเมื่อระบุข้อมูลเสร็จแล้ว กด <strong>“ยืนยัน”</strong></p>')},{image:"https://www.ttbbank.com/archive/howto/e-banking/images/paybill/5.jpg",text:'<p class="'.concat(d().howto_text,'">5. ตรวจสอบข้อมูลการทำรายการ และกด <strong>“ยืนยัน”</strong> ถ้าข้อมูลถูกต้อง หรือ หากต้องการแก้ไขสามารถก

1ลับไปแก้ไขได้โดยกดไอคอน <img src="https://www.ttbbank.com/archive/howto/e-banking/images/icons/pencil.jpg" alt="" style="min-height: auto;"></p>')},{image:"https://www.ttbbank.com/archive/howto/e-banking/images/paybill/6.jpg",text:'<p class="'.concat(d().howto_text,'">6. ยืนยันการทำรายการ โดยพิมพ์รหัส OTP ที่ได้รับผ่านทางโทรศัพท์มือถือที่ได้ทำการลงทะเบียนในรูปแบบ SMS แล้วกด <strong>“ยืนยัน”</strong></p>')},{image:"https://www.ttbbank.com/archive/howto/e-banking/images/paybill/7.jpg",text:'<p class="'.concat(d().howto_text,'">7. ระบบจะแสดงสถานะการจ่ายบิล ในขั้นตอนนี้สามารถ เลือกบันทึก เป็นไฟล์ pdf, พิมพ์เอกสาร หรือ แชร์ผ่าน Facebook</p>')}],t={loop:!1,loopFillGroupWithBlank:!0,speed:1e3,slidesPerGroup:1,spaceBetween:15,watchSlidesVisibility:!0,breakpoints:{0:{slidesPerView:1,spaceBetween:15},640:{slidesPerView:1,spaceBetween:15},768:{slidesPerView:1,spaceBetween:15},1024:{slidesPerView:1,spaceBetween:50}},grabCursor:!0,watchSlidesProgress:!0,keyboardControl:!0,on:{}};return(0,n.useEffect)(()=>{$(".swiper-container-product").each(function(){new s.Z($(this)[0],{...t,pagination:{el:document.getElementById($(this).data("pagination")),clickable:!0},navigation:{nextEl:document.getElementById($(this).data("next")),prevEl:document.getElementById($(this).data("prev"))}})})},[]),(0,i.jsxs)("section",{children:[(0,i.jsx)("div",{className:"container pt-0",children:(0,i.jsxs)("div",{className:"section mx-3",children:[(0,i.jsx)("h1",{className:"mb-3",children:"การจ่ายบิล"}),(0,i.jsx)("div",{className:"rounded-border-orange"}),(0,i.jsx)("p",{className:"mt-3",children:"จ่ายบิลได้ง่ายขึ้น ผ่านบริการ ttb internet banking ทั้ง ค่าไฟ, ค่าบัตรเครดิต หรือค่าอินเทอร์เน็ต เป็นต้น"})]})}),(0,i.jsx)("div",{className:"container pt-0",children:(0,i.jsxs)("div",{className:"section mx-3",children:[(0,i.jsxs)("div",{className:"mb-3",children:[(0,i.jsx)("h2",{children:"ขั้นตอนการจ่ายบิล"}),(0,i.jsx)("div",{className:"rounded-border-orange"})]}),(0,i.jsx)("div",{className:"content-custom-tab",children:(0,i.jsx)("div",{className:"container p-0",children:(0,i.jsxs)("div",{className:"swiper-container-product","data-pagination":"swiper-pagination-product","data-prev":"swiper-button-prev-product","data-next":"swiper-button-next-product",children:[(0,i.jsx)("div",{className:"swiper-wrapper",children:a.map((a,t)=>(0,i.jsx)("div",{className:"swiper-slide",children:(0,i.jsx)("div",{className:"card card-col product-swiper",children:(0,i.jsxs)("div",{className:"row",children:[(0,i.jsx)("div",{className:"col-md-6 d-flex justify-content-center p-4",children:(0,i.jsx)("img",{src:a.image,alt:"pay-bill-".concat(t+1),className:"card-img-top mw-100",style:{width:750}})}),(0,i.jsx)("div",{className:"col-12 col-md-6",dangerouslySetInnerHTML:{__html:a.text}})]})})},t+1))}),(0,i.jsx)("div",{className:"mt-lg-4 mb-lg-2 col-md-12",children:(0,i.jsx)("div",{className:"container container-product-pagination pt-2 pb-3 pt-md-0 pb-md-0",children:(0,i.jsx)("div",{className:"row",children:(0,i.jsxs)("div",{className:"col-md-12",children:[(0,i.jsx)("div",{id:"swiper-pagination-product",className:"dot-cus-product"}),(0,i.jsxs)("div",{className:"narrow-custom slide-card-navigation",children:[(0,i.jsx)("button",{id:"swiper-button-prev-product",type:"button",className:"btn promotion-button-prev-roll",tabIndex:0,role:"button","aria-label":"Previous slide",children:(0,i.jsx)("span",{className:"button-prev-icon blue-navigation"})}),(0,i.jsx)("button",{id:"swiper-button-next-product",type:"button",className:"btn promotion-button-next-roll",tabIndex:0,role:"button","aria-label":"Next slide",children:(0,i.jsx)("span",{className:"button-next-icon blue-navigation"})})]})]})})})})]})})})]})})]})}},31114:function(a){a.exports={howto_text:"styles_howto_text__YIc2_","t

1itle-header":"styles_title-header__RuFKN"}},10787:function(a,t,e){"use strict";var i=e(38557),n=e(1614);function s(){return(s=Object.assign||function(a){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(a[i]=e[i])}return a}).apply(this,arguments)}var l={getRandomNumber:function(a){return void 0===a&&(a=16),"x".repeat(a).replace(/x/g,function(){return Math.round(16*Math.random()).toString(16)})},makeElFocusable:function(a){return a.attr("tabIndex","0"),a},makeElNotFocusable:function(a){return a.attr("tabIndex","-1"),a},addElRole:function(a,t){return a.attr("role",t),a},addElRoleDescription:function(a,t){return a.attr("aria-roledescription",t),a},addElControls:function(a,t){return a.attr("aria-controls",t),a},addElLabel:function(a,t){return a.attr("aria-label",t),a},addElId:function(a,t){return a.attr("id",t),a},addElLive:function(a,t){return a.attr("aria-live",t),a},disableEl:function(a){return a.attr("aria-disabled",!0),a},enableEl:function(a){return a.attr("aria-disabled",!1),a},onEnterOrSpaceKey:function(a){if(13===a.keyCode||32===a.keyCode){var t=this.params.a11y,e=(0,i.Z)(a.target);this.navigation&&this.navigation.$nextEl&&e.is(this.navigation.$nextEl)&&(this.isEnd&&!this.params.loop||this.slideNext(),this.isEnd?this.a11y.notify(t.lastSlideMessage):this.a11y.notify(t.nextSlideMessage)),this.navigation&&this.navigation.$prevEl&&e.is(this.navigation.$prevEl)&&(this.isBeginning&&!this.params.loop||this.slidePrev(),this.isBeginning?this.a11y.notify(t.firstSlideMessage):this.a11y.notify(t.prevSlideMessage)),this.pagination&&e.is((0,n.Wc)(this.params.pagination.bulletClass))&&e[0].click()}},notify:function(a){var t=this.a11y.liveRegion;0!==t.length&&(t.html(""),t.html(a))},updateNavigation:function(){if(!this.params.loop&&this.navigation){var a=this.navigation,t=a.$nextEl,e=a.$prevEl;e&&e.length>0&&(this.isBeginning?(this.a11y.disableEl(e),this.a11y.makeElNotFocusable(e)):(this.a11y.enableEl(e),this.a11y.makeElFocusable(e))),t&&t.length>0&&(this.isEnd?(this.a11y.disableEl(t),this.a11y.makeElNotFocusable(t)):(this.a11y.enableEl(t),this.a11y.makeElFocusable(t)))}},updatePagination:function(){var a=this,t=a.params.a11y;a.pagination&&a.params.pagination.clickable&&a.pagination.bullets&&a.pagination.bullets.length&&a.pagination.bullets.each(function(e){var n=(0,i.Z)(e);a.a11y.makeElFocusable(n),a.params.pagination.renderBullet||(a.a11y.addElRole(n,"button"),a.a11y.addElLabel(n,t.paginationBulletMessage.replace(/\{\{index\}\}/,n.index()+1)))})},init:function(){var a,t,e=this,s=e.params.a11y;e.$el.append(e.a11y.liveRegion);var l=e.$el;s.containerRoleDescriptionMessage&&e.a11y.addElRoleDescription(l,s.containerRoleDescriptionMessage),s.containerMessage&&e.a11y.addElLabel(l,s.containerMessage);var o=e.$wrapperEl,r=o.attr("id")||"swiper-wrapper-"+e.a11y.getRandomNumber(16),c=e.params.autoplay&&e.params.autoplay.enabled?"off":"polite";e.a11y.addElId(o,r),e.a11y.addElLive(o,c),s.itemRoleDescriptionMessage&&e.a11y.addElRoleDescription((0,i.Z)(e.slides),s.itemRoleDescriptionMessage),e.a11y.addElRole((0,i.Z)(e.slides),s.slideRole);var d=e.params.loop?e.slides.filter(function(a){return!a.classList.contains(e.params.slideDuplicateClass)}).length:e.slides.length;e.slides.each(function(a,t){var n=(0,i.Z)(a),l=e.params.loop?parseInt(n.attr("data-swiper-slide-index"),10):t,o=s.slideLabelMessage.replace(/\{\{index\}\}/,l+1).replace(/\{\{slidesLength\}\}/,d);e.a11y.addElLabel(n,o)}),e.navigation&&e.navigation.$nextEl&&(a=e.navigation.$nextEl),e.navigation&&e.navigation.$prevEl&&(t=e.navigation.$prevEl),a&&a.length&&(e.a11y.makeElFocusable(a),"BUTTON"!==a[0].tagName&&(e.a11y.addElRole(a,"button"),a.on("keydown",e.a11y.onEnterOrSpaceKey)),e.a11y.addElLabel(a,s.nextSlideMessage),e.a11y.addElControls(a,r)),t&&t.length&&(e.a11y.makeElFocusable(t),"BUTTON"!==t[0].tagName&&(e.a11y.addElRole(t,"button"),t.on("keydown",e.a11y.onEnterOrSpaceKey)),e.a11y.addElLabel(t,s.prevSlideMessage),e.a11y.addElControls(t,r)),e.pagination&&e.params.pagination.clickable&&e.pagination.bullets&&e.pagination.bullets.length&&e.pagination.$el.on("key

1down",(0,n.Wc)(e.params.pagination.bulletClass),e.a11y.onEnterOrSpaceKey)},destroy:function(){var a,t;this.a11y.liveRegion&&this.a11y.liveRegion.length>0&&this.a11y.liveRegion.remove(),this.navigation&&this.navigation.$nextEl&&(a=this.navigation.$nextEl),this.navigation&&this.navigation.$prevEl&&(t=this.navigation.$prevEl),a&&a.off("keydown",this.a11y.onEnterOrSpaceKey),t&&t.off("keydown",this.a11y.onEnterOrSpaceKey),this.pagination&&this.params.pagination.clickable&&this.pagination.bullets&&this.pagination.bullets.length&&this.pagination.$el.off("keydown",(0,n.Wc)(this.params.pagination.bulletClass),this.a11y.onEnterOrSpaceKey)}};t.Z={name:"a11y",params:{a11y:{enabled:!0,notificationClass:"swiper-notification",prevSlideMessage:"Previous slide",nextSlideMessage:"Next slide",firstSlideMessage:"This is the first slide",lastSlideMessage:"This is the last slide",paginationBulletMessage:"Go to slide {{index}}",slideLabelMessage:"{{index}} / {{slidesLength}}",containerMessage:null,containerRoleDescriptionMessage:null,itemRoleDescriptionMessage:null,slideRole:"group"}},create:function(){(0,n.cR)(this,{a11y:s({},l,{liveRegion:(0,i.Z)('<span class="'+this.params.a11y.notificationClass+'" aria-live="assertive" aria-atomic="true"></span>')})})},on:{afterInit:function(a){a.params.a11y.enabled&&(a.a11y.init(),a.a11y.updateNavigation())},toEdge:function(a){a.params.a11y.enabled&&a.a11y.updateNavigation()},fromEdge:function(a){a.params.a11y.enabled&&a.a11y.updateNavigation()},paginationUpdate:function(a){a.params.a11y.enabled&&a.a11y.updatePagination()},destroy:function(a){a.params.a11y.enabled&&a.a11y.destroy()}}}},95186:function(a,t,e){"use strict";var i=e(38557),n=e(1614);function s(){return(s=Object.assign||function(a){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(a[i]=e[i])}return a}).apply(this,arguments)}var l={toggleEl:function(a,t){a[t?"addClass":"removeClass"](this.params.navigation.disabledClass),a[0]&&"BUTTON"===a[0].tagName&&(a[0].disabled=t)},update:function(){var a=this.params.navigation,t=this.navigation.toggleEl;if(!this.params.loop){var e=this.navigation,i=e.$nextEl,n=e.$prevEl;n&&n.length>0&&(t(n,!!this.isBeginning),this.params.watchOverflow&&this.enabled&&n[this.isLocked?"addClass":"removeClass"](a.lockClass)),i&&i.length>0&&(t(i,!!this.isEnd),this.params.watchOverflow&&this.enabled&&i[this.isLocked?"addClass":"removeClass"](a.lockClass))}},onPrevClick:function(a){a.preventDefault(),(!this.isBeginning||this.params.loop)&&this.slidePrev()},onNextClick:function(a){a.preventDefault(),(!this.isEnd||this.params.loop)&&this.slideNext()},init:function(){var a,t,e=this.params.navigation;this.params.navigation=(0,n.Up)(this.$el,this.params.navigation,this.params.createElements,{nextEl:"swiper-button-next",prevEl:"swiper-button-prev"}),(e.nextEl||e.prevEl)&&(e.nextEl&&(a=(0,i.Z)(e.nextEl),this.params.uniqueNavElements&&"string"==typeof e.nextEl&&a.length>1&&1===this.$el.find(e.nextEl).length&&(a=this.$el.find(e.nextEl))),e.prevEl&&(t=(0,i.Z)(e.prevEl),this.params.uniqueNavElements&&"string"==typeof e.prevEl&&t.length>1&&1===this.$el.find(e.prevEl).length&&(t=this.$el.find(e.prevEl))),a&&a.length>0&&a.on("click",this.navigation.onNextClick),t&&t.length>0&&t.on("click",this.navigation.onPrevClick),(0,n.l7)(this.navigation,{$nextEl:a,nextEl:a&&a[0],$prevEl:t,prevEl:t&&t[0]}),!this.enabled&&(a&&a.addClass(e.lockClass),t&&t.addClass(e.lockClass)))},destroy:function(){var a=this.navigation,t=a.$nextEl,e=a.$prevEl;t&&t.length&&(t.off("click",this.navigation.onNextClick),t.removeClass(this.params.navigation.disabledClass)),e&&e.length&&(e.off("click",this.navigation.onPrevClick),e.removeClass(this.params.navigation.disabledClass))}};t.Z={name:"navigation",params:{navigation:{nextEl:null,prevEl:null,hideOnClick:!1,disabledClass:"swiper-button-disabled",hiddenClass:"swiper-button-hidden",lockClass:"swiper-button-lock"}},create:function(){(0,n.cR)(this,{navigation:s({},l)})},on:{init:function(a){a.navigation.init(),a.navigation.update()},toEdge:function(a){a.navigation.update()},fromEdge:function(a){a.navigation.update()},destroy:function(a){a.navigation.destroy()},"enable disable":function(a){var t=a.navigation,e=t.$nextEl,i=t.$prevEl;e&&e[a.enabled?"removeClass":"addClass"](a.params.navigation.lockClass),i&&i[a.enabled?"removeClass":"addClass"](a.params.navigation.lockClass)},click:function(a,t){var e,n=a.navigation,s=n.$nextEl,l=n.$prevEl,o=t.target;if(a.params.navigation.hideOnClick&&!(0,i.Z)(o).is(l)&&!(0,i.Z)(o).is(s)){if(a.pagination&&a.params.pagination&&a.params.pagination.clickable&&(a.pagination.el===o||a.pagination.el.contains(o)))return;s?e=s.hasClass(a.params.navigation.hiddenClass):l&&(e=l.hasClass(a.params.navigation.hiddenClass)),!0===e?a.emit("navigationShow"):a.emit("navigationHide"),s&&s.toggleClass(a.params.navigation.hiddenClass),l&&l.toggleClass(a.params.navigation.hiddenClass)}}}}}},function(a){a.O(0,[88460,92888,49774,40179],function(){return a(a.s=55129)}),_N_E=a.O()}]);