{"version":3,"sources":["webpack:///./src/views/doc-list/index.vue?6fcd","webpack:///src/views/doc-list/index.vue","webpack:///./src/views/doc-list/index.vue?4e0d","webpack:///./src/views/doc-list/index.vue","webpack:///./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js","webpack:///./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js","webpack:///./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js","webpack:///./node_modules/@babel/runtime/helpers/esm/slicedToArray.js","webpack:///./node_modules/core-js/modules/es.object.entries.js","webpack:///./node_modules/core-js/internals/object-to-array.js","webpack:///./src/views/doc-list/index.vue?c947"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","$t","getting_data","back_path","$device","ticket_data","title","class","staticClass","staticStyle","_v","_s","_l","column","columnIndex","key","item","itemIndex","style","backgroundColor","active","cursor","on","$event","goToDocDetail","label","color","_e","staticRenderFns","component","_arrayWithHoles","arr","Array","isArray","_iterableToArrayLimit","i","Symbol","iterator","Object","_arr","_n","_d","undefined","_i","next","done","push","value","length","err","_nonIterableRest","TypeError","_slicedToArray","arrayWithHoles","iterableToArrayLimit","unsupportedIterableToArray","nonIterableRest","$","$entries","entries","target","stat","O","DESCRIPTORS","objectKeys","toIndexedObject","propertyIsEnumerable","f","createMethod","TO_ENTRIES","it","keys","result","call","module","exports","values"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACE,MAAM,CAAC,IAAMN,EAAIO,GAAG,cAAc,SAAWP,EAAIQ,eAAe,CAACJ,EAAG,SAAS,CAACE,MAAM,CAAC,UAAYN,EAAIS,WAAa,YAAY,mBAAoC,UAAfT,EAAIU,QAAoB,cAAgB,SAAS,cAAgBV,EAAIW,YAAYC,MAAM,aAAc,KAAQR,EAAG,MAAM,CAACS,MAAO,4CAA8Cb,EAAIU,SAAU,CAACN,EAAG,MAAM,CAACU,YAAY,8BAA8B,CAACV,EAAG,OAAO,CAACU,YAAY,yBAAyBC,YAAY,CAAC,QAAU,UAAU,CAACf,EAAIgB,GAAG,IAAIhB,EAAIiB,GAAGjB,EAAIW,YAAYC,OAAO,SAASR,EAAG,MAAM,CAACU,YAAY,oBAAoBd,EAAIkB,GAAIlB,EAAW,SAAE,SAASmB,EAAOC,GAAa,OAAOhB,EAAG,MAAM,CAACiB,IAAID,EAAYN,YAAY,cAAcd,EAAIkB,GAAG,GAAS,SAASI,EAAKC,GAAW,OAAOnB,EAAG,MAAM,CAACiB,IAAIE,EAAUT,YAAY,wBAAwBU,MAAM,CAAGC,gBAAiBH,EAAKI,OAAS,UAAY,UAAWC,OAAQ,WAAaC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO7B,EAAI8B,cAAcR,MAAS,CAAClB,EAAG,IAAI,CAACU,YAAY,oBAAoBC,YAAY,CAAC,YAAY,OAAO,gBAAgB,QAAQT,MAAM,CAAC,cAAc,UAAUF,EAAG,MAAMA,EAAG,OAAO,CAACU,YAAY,sBAAsB,CAACd,EAAIgB,GAAG,IAAIhB,EAAIiB,GAAGK,EAAKS,UAAU3B,EAAG,MAAMA,EAAG,OAAO,CAACU,YAAY,QAAQU,MAAM,CAAGQ,MAAOV,EAAKI,OAAS,MAAQ,UAAY,CAAC1B,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIO,GAAG,qBAAoB,MAAK,KAAqB,UAAfP,EAAIU,QAAqBN,EAAG,MAAM,CAACU,YAAY,4BAA4Bd,EAAIiC,KAAqB,UAAfjC,EAAIU,QAAqBN,EAAG,MAAM,CAACU,YAAY,qBAAqB,CAACd,EAAIgB,GAAG,0DAA0DhB,EAAIiC,MAAM,IACllDC,EAAkB,G,sHC6BtB,GACE,WAAF,CACI,OAAJ,QAEE,KAAF,WACI,MAAJ,CACM,gBAAN,GAGM,cAAN,EACM,UAAN,4BACM,OAAN,qCACM,OAAN,yBACM,MAAN,GAkBM,SAAN,2BACM,YAAN,GAsQM,aAAN,KAGE,SAAF,CACI,QADJ,WAIM,IAFA,IAAN,KACA,iCACA,YACQ,EAAR,kCAEM,OAAN,IAGE,QAnTF,WAoTI,KAAJ,YAEE,QAAF,CACI,OAAJ,IACI,SAAJ,WAAM,IAAN,OACM,KAAN,8BAAQ,OAAR,sBAEI,kBAAJ,WAAM,IAAN,qEACM,KAAN,6BACQ,QAAR,CACU,KAAV,2BACU,KAAV,CACY,SAAZ,eAEU,SAAV,YACY,GAAZ,uBAIc,IAHA,IAAd,GACgB,MAAhB,IAEA,+CAAgB,IAAhB,yBAAoB,EAApB,KAAoB,EAApB,KACgB,QAAhB,eACA,IACkB,EAAlB,YAGc,EAAd,UACgB,MAAhB,QACgB,OAAhB,CACkB,IAAlB,eAEgB,SAAhB,oBAEA,CACc,EAAd,cACc,QAAd,yDACc,IAAd,qCACA,KACA,KACc,EAAd,wBACA,iBACA,aAEc,EAAd,gCAQA,+BAKI,iBArDJ,SAqDA,GACM,QAAN,uCAEI,cAxDJ,SAwDA,GACM,KAAN,iBACQ,KAAR,YACQ,MAAR,CACU,SAAV,cACU,MAAV,QACU,QAAV,UACU,UAAV,qFAII,SAnEJ,SAmEA,KACM,OAAN,0BAEI,KAtEJ,SAsEA,GACM,OAAN,aAEI,IAzEJ,SAyEA,OACM,OAAN,kBC9Z8V,I,wBCQ1VC,EAAY,eACd,EACApC,EACAmC,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,2CCnBA,SAASC,EAAgBC,GACtC,GAAIC,MAAMC,QAAQF,GAAM,OAAOA,E,8FCDlB,SAASG,EAAsBH,EAAKI,GACjD,GAAsB,qBAAXC,QAA4BA,OAAOC,YAAYC,OAAOP,GAAjE,CACA,IAAIQ,EAAO,GACPC,GAAK,EACLC,GAAK,EACLd,OAAKe,EAET,IACE,IAAK,IAAiC/B,EAA7BgC,EAAKZ,EAAIK,OAAOC,cAAmBG,GAAM7B,EAAKgC,EAAGC,QAAQC,MAAOL,GAAK,EAG5E,GAFAD,EAAKO,KAAKnC,EAAGoC,OAETZ,GAAKI,EAAKS,SAAWb,EAAG,MAE9B,MAAOc,GACPR,GAAK,EACLd,EAAKsB,EARP,QAUE,IACOT,GAAsB,MAAhBG,EAAG,WAAmBA,EAAG,YADtC,QAGE,GAAIF,EAAI,MAAMd,GAIlB,OAAOY,G,gBCxBM,SAASW,IACtB,MAAM,IAAIC,UAAU,6ICGP,SAASC,EAAerB,EAAKI,GAC1C,OAAOkB,EAAetB,IAAQuB,EAAqBvB,EAAKI,IAAMoB,eAA2BxB,EAAKI,IAAMqB,M,uBCLtG,IAAIC,EAAI,EAAQ,QACZC,EAAW,EAAQ,QAAgCC,QAIvDF,EAAE,CAAEG,OAAQ,SAAUC,MAAM,GAAQ,CAClCF,QAAS,SAAiBG,GACxB,OAAOJ,EAASI,O,uBCPpB,IAAIC,EAAc,EAAQ,QACtBC,EAAa,EAAQ,QACrBC,EAAkB,EAAQ,QAC1BC,EAAuB,EAAQ,QAA8CC,EAG7EC,EAAe,SAAUC,GAC3B,OAAO,SAAUC,GACf,IAKIvD,EALA+C,EAAIG,EAAgBK,GACpBC,EAAOP,EAAWF,GAClBd,EAASuB,EAAKvB,OACdb,EAAI,EACJqC,EAAS,GAEb,MAAOxB,EAASb,EACdpB,EAAMwD,EAAKpC,KACN4B,IAAeG,EAAqBO,KAAKX,EAAG/C,IAC/CyD,EAAO1B,KAAKuB,EAAa,CAACtD,EAAK+C,EAAE/C,IAAQ+C,EAAE/C,IAG/C,OAAOyD,IAIXE,EAAOC,QAAU,CAGfhB,QAASS,GAAa,GAGtBQ,OAAQR,GAAa,K,2DC9BvB","file":"js/chunk-6763d794.f02db7f0.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a-spin',{attrs:{\"tip\":_vm.$t('Loading...'),\"spinning\":_vm.getting_data}},[_c('navbar',{attrs:{\"back_path\":_vm.back_path || '/activity',\"navbar_sub_visible\":_vm.$device != 'mobile',\"active_screen\":\"เอกสาร\",\"content_title\":_vm.ticket_data.title,\"hide_search\":true}}),_c('div',{class:(\"'ml-20 mr-20 mb-20 mt-20 main-content is-\" + _vm.$device)},[_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-20 black fw-600 red\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(_vm.ticket_data.title)+\" \")])]),_c('div',{staticClass:\"custom-container\"},_vm._l((_vm.columns),function(column,columnIndex){return _c('div',{key:columnIndex,staticClass:\"custom-col\"},_vm._l((column),function(item,itemIndex){return _c('div',{key:itemIndex,staticClass:\"custom-item-container\",style:({ backgroundColor: item.active ? '#f4f4f4' : '#fcfcfc', cursor: 'pointer' }),on:{\"click\":function($event){return _vm.goToDocDetail(item)}}},[_c('i',{staticClass:\"fa fa-file-text-o\",staticStyle:{\"font-size\":\"72px\",\"margin-bottom\":\"14px\"},attrs:{\"aria-hidden\":\"true\"}}),_c('br'),_c('span',{staticClass:\"fs-16 black fw-600\"},[_vm._v(\" \"+_vm._s(item.label))]),_c('br'),_c('span',{staticClass:\"fs-16\",style:({ color: item.active ? 'red' : 'green' })},[_vm._v(_vm._s(_vm.$t('อ่านแล้ว')))])])}),0)}),0)]),(_vm.$device != 'mobile')?_c('div',{staticClass:\"copyright-section-space\"}):_vm._e(),(_vm.$device != 'mobile')?_c('div',{staticClass:\"copyright-section\"},[_vm._v(\"© Copyright SCG Debenture Club. All Rights Reserved.\")]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <a-spin :tip=\"$t('Loading...')\" :spinning=\"getting_data\">\r\n        <navbar :back_path=\"back_path || '/activity'\" :navbar_sub_visible=\"$device != 'mobile'\" active_screen=\"เอกสาร\" :content_title=\"ticket_data.title\" :hide_search=\"true\" />\r\n        <div :class=\"`'ml-20 mr-20 mb-20 mt-20 main-content is-${$device}`\">\r\n            <!-- <div class=\"row justify-content-center\">\r\n                <span class=\"fs-20 black fw-600\" style=\"display: block\"> {{ $t('เอกสาร') }} </span>\r\n            </div> -->\r\n            <div class=\"row justify-content-center\">\r\n                <span class=\"fs-20 black fw-600 red\" style=\"display: block\"> {{ ticket_data.title }} </span>\r\n            </div>\r\n            <div class=\"custom-container\">\r\n                <div v-for=\"(column, columnIndex) in columns\" :key=\"columnIndex\" class=\"custom-col\">\r\n                    <div v-for=\"(item, itemIndex) in column\" :key=\"itemIndex\" class=\"custom-item-container\" :style=\"{ backgroundColor: item.active ? '#f4f4f4' : '#fcfcfc', cursor: 'pointer' }\" @click=\"goToDocDetail(item)\">\r\n                        <i class=\"fa fa-file-text-o\" aria-hidden=\"true\" style=\"font-size: 72px; margin-bottom: 14px\"></i>\r\n                        <br />\r\n                        <span class=\"fs-16 black fw-600\"> {{ item.label }}</span>\r\n                        <br />\r\n                        <span class=\"fs-16\" :style=\"{ color: item.active ? 'red' : 'green' }\">{{ $t('อ่านแล้ว') }}</span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div v-if=\"$device != 'mobile'\" class=\"copyright-section-space\"></div>\r\n        <div v-if=\"$device != 'mobile'\" class=\"copyright-section\">© Copyright SCG Debenture Club. All Rights Reserved.</div>\r\n    </a-spin>\r\n</template>\r\n<script>\r\nimport moment from 'moment';\r\nimport navbar from '../../components/navbar';\r\nimport _ from 'lodash';\r\nexport default {\r\n    components: {\r\n        navbar,\r\n    },\r\n    data: function () {\r\n        return {\r\n            activity_detail: {\r\n                // title: 'คอนเสริต์มหัศจรรย์ รักไม่รู้จบ',\r\n            },\r\n            getting_data: false,\r\n            back_path: this.$route.query.back_path,\r\n            pdfUrl: 'https://www.orimi.com/pdf-test.pdf',\r\n            act_id: this.$route.query.act_id,\r\n            items: [\r\n                // {\r\n                //     label: 'กำหนดการกิจกรรม.pdf',\r\n                //     pdf_url: 'https://apigwd.scg.com/DebentureClubDev/files/activity/doc/dGs6o1652196187.pdf',\r\n                // },\r\n                // {\r\n                //     label: 'แบบฟอร์มผลตรวจ ATK.pdf',\r\n                //     pdf_url: 'https://apigwd.scg.com/DebentureClubDev/files/activity/doc/ZAOYD1652196187.pdf',\r\n                // },\r\n                // {\r\n                //     label: 'แผนที่เอสซีจี.pdf',\r\n                //     pdf_url: 'https://apigwd.scg.com/DebentureClubDev/files/activity/doc/yUQ3R1652196187.pdf',\r\n                // },\r\n                // {\r\n                //     label: 'แบบฟอร์มผลตรวจ ATK.pdf',\r\n                //     pdf_url: 'https://apigwd.scg.com/DebentureClubDev/files/activity/doc/yUQ3R1652196187.pdf',\r\n                // },\r\n            ],\r\n            apply_id: this.$route.query.apply_id,\r\n            ticket_data: {\r\n                // apply_id: 50236,\r\n                // act_id: 659,\r\n                // image_full: 'https://apigwd.scg.com/DebentureClubDev/images/activity/2I6K61649051975.jpg',\r\n                // image: 'https://apigwd.scg.com/DebentureClubDev/images/activity_resize/2I6K61649051975.jpg',\r\n                // title: 'SCG Smiling : แผ่นภาพ คิด Learn',\r\n                // act_day: 'วันเสาร์ที่ 21 พฤษภาคม 2565 เวลา 08.30-11.30 น.',\r\n                // confirm_phone_date: null,\r\n                // confirm_mail_date: 1654016400,\r\n                // confirm_sms_date: 1654016400,\r\n                // code: 'SCG087620',\r\n                // date: 1649992609,\r\n                // group_receive: {\r\n                //     group_id: 768,\r\n                //     title: 'วันเสาร์ที่ 21 พฤษภาคม 2565 เวลา 08.30 - 11.30 น.',\r\n                //     display_order: 1,\r\n                //     start_date: 1653098400,\r\n                //     end_date: 1653107400,\r\n                // },\r\n                // group_choose1: {\r\n                //     group_id: 768,\r\n                //     title: 'วันเสาร์ที่ 21 พฤษภาคม 2565 เวลา 08.30 - 11.30 น.',\r\n                //     display_order: 1,\r\n                //     start_date: 1653098400,\r\n                //     end_date: 1653107400,\r\n                // },\r\n                // group_choose2: null,\r\n                // group_choose3: null,\r\n                // atype_name: 'เวิร์คชอป',\r\n                // confirm_flag: 0,\r\n                // status: 'รอเข้าร่วม',\r\n                // button_cancel: true,\r\n                // button_confirm: false,\r\n                // button_form: false,\r\n                // attach_file_pid: true,\r\n                // attach_file_passport: false,\r\n                // attach_file_payment: true,\r\n                // accom_form: true,\r\n                // member_form: true,\r\n                // accom: [],\r\n                // ticket_data: {\r\n                //     main_pdf: 'https://apigwd.scg.com/DebentureClubDev/files/activity/KL3Vj1651225662.pdf',\r\n                //     label_doc_btn: 'เอกสาร',\r\n                //     display_doc_btn: true,\r\n                //     label_ticket_btn: 'ตั๋วอิเล็กทรอนิกส์',\r\n                //     display_ticket_btn: true,\r\n                //     label_attach_btn: 'แนบเอกสาร',\r\n                //     display_attach_btn: true,\r\n                //     doc_list: [\r\n                //         {\r\n                //             label: 'กำหนดการกิจกรรม.pdf',\r\n                //             pdf_url: 'https://apigwd.scg.com/DebentureClubDev/files/activity/doc/dGs6o1652196187.pdf',\r\n                //         },\r\n                //         {\r\n                //             label: 'แบบฟอร์มผลตรวจ ATK.pdf',\r\n                //             pdf_url: 'https://apigwd.scg.com/DebentureClubDev/files/activity/doc/ZAOYD1652196187.pdf',\r\n                //         },\r\n                //         {\r\n                //             label: 'แผนที่เอสซีจี.pdf',\r\n                //             pdf_url: 'https://apigwd.scg.com/DebentureClubDev/files/activity/doc/yUQ3R1652196187.pdf',\r\n                //         },\r\n                //     ],\r\n                //     ticket_list: [\r\n                //         {\r\n                //             ticket_id: 16,\r\n                //             no: 'ตั๋วใบที่ 1',\r\n                //             ticket_no: 'WS221A1A2A3A4A5',\r\n                //             group_name: 'วันเสาร์ที่ 21 พฤษภาคม 2565 เวลา 08.30 - 11.30 น.',\r\n                //             start_at: 1653098400,\r\n                //             end_at: 1653107400,\r\n                //             ticket_template: '2',\r\n                //             ticket_bg: '#ffebcd',\r\n                //             ticket_font_color: '#006633',\r\n                //             ticket_header_bg: '#cc3333',\r\n                //             ticket_header_font_color: '#ffffff',\r\n                //             ticket_body_bg: null,\r\n                //             ticket_body_font_color: '#191970',\r\n                //             active: false,\r\n                //             active_txt: 'ใช้งานแล้ว',\r\n                //             qrcode: 'https://apigwd.scg.com/DebentureClubDev/images/activity/disable-qrcode.jpg',\r\n                //             pin: '7400',\r\n                //             share: 'https://debentureclub-dev.scg.com/share/ticket/c74d97b01eae257e44aa9d5bade97baf',\r\n                //             location_line1: 'สถานที่',\r\n                //             location_line2: 'ห้องแกรนด์ฮอลล์ ชั้น 10  อาคารอเนกประสงค์  เอสซีจี บางซื่อ',\r\n                //             label1: 'ลงทะเบียน',\r\n                //             value1: 'A1',\r\n                //             label2: 'แถวที่นั่ง',\r\n                //             value2: 'A2',\r\n                //             label3: 'เลขที่นั่ง',\r\n                //             value3: 'A3',\r\n                //             label4: 'label4',\r\n                //             value4: 'A4',\r\n                //             label5: 'label5',\r\n                //             value5: 'A5',\r\n                //             doc: [\r\n                //                 {\r\n                //                     attach_label_id: 6,\r\n                //                     label: 'ผลตรวจ ATK',\r\n                //                     display_upload_btn: true,\r\n                //                     status_upload: false,\r\n                //                     file: null,\r\n                //                 },\r\n                //                 {\r\n                //                     attach_label_id: 11,\r\n                //                     label: 'ประวัติการรับวัคซีนโควิด-19',\r\n                //                     display_upload_btn: true,\r\n                //                     status_upload: true,\r\n                //                     file: 'https://apigwd.scg.com/DebentureClubDev/files/activity/ticket/doc/uWgZX1652171907.jpg',\r\n                //                 },\r\n                //             ],\r\n                //             condition: '<p>ทดสอบเงื่อนไขกลุ่ม 1</p>',\r\n                //         },\r\n                //         {\r\n                //             ticket_id: 17,\r\n                //             no: 'ตั๋วใบที่ 2',\r\n                //             ticket_no: 'WS221A0A2A3A4A5',\r\n                //             group_name: 'วันเสาร์ที่ 21 พฤษภาคม 2565 เวลา 08.30 - 11.30 น.',\r\n                //             start_at: 1653098400,\r\n                //             end_at: 1653107400,\r\n                //             ticket_template: '2',\r\n                //             ticket_bg: '#ffebcd',\r\n                //             ticket_font_color: '#006633',\r\n                //             ticket_header_bg: '#cc3333',\r\n                //             ticket_header_font_color: '#ffffff',\r\n                //             ticket_body_bg: null,\r\n                //             ticket_body_font_color: '#191970',\r\n                //             active: true,\r\n                //             active_txt: 'ยังไม่ได้ใช้งาน',\r\n                //             qrcode: 'https://apigwd.scg.com/DebentureClubDev/images/ticket-qrcode/70efdf2ec9b086079795c442636b55fb.png',\r\n                //             pin: '7400',\r\n                //             share: 'https://debentureclub-dev.scg.com/share/ticket/70efdf2ec9b086079795c442636b55fb',\r\n                //             location_line1: 'สถานที่',\r\n                //             location_line2: 'ห้องแกรนด์ฮอลล์ ชั้น 10  อาคารอเนกประสงค์  เอสซีจี บางซื่อ',\r\n                //             label1: 'ลงทะเบียน',\r\n                //             value1: 'A0',\r\n                //             label2: 'แถวที่นั่ง',\r\n                //             value2: 'A2',\r\n                //             label3: 'เลขที่นั่ง',\r\n                //             value3: 'A3',\r\n                //             label4: 'label4',\r\n                //             value4: 'A4',\r\n                //             label5: 'label5',\r\n                //             value5: 'A5',\r\n                //             doc: [\r\n                //                 {\r\n                //                     attach_label_id: 6,\r\n                //                     label: 'ผลตรวจ ATK',\r\n                //                     display_upload_btn: true,\r\n                //                     status_upload: true,\r\n                //                     file: 'https://apigwd.scg.com/DebentureClubDev/files/activity/ticket/doc/t4cZR1652106106.jpg',\r\n                //                 },\r\n                //                 {\r\n                //                     attach_label_id: 11,\r\n                //                     label: 'ประวัติการรับวัคซีนโควิด-19',\r\n                //                     display_upload_btn: true,\r\n                //                     status_upload: false,\r\n                //                     file: null,\r\n                //                 },\r\n                //             ],\r\n                //             condition: '<p>ทดสอบเงื่อนไขกลุ่ม 1</p>',\r\n                //         },\r\n                //         {\r\n                //             ticket_id: 18,\r\n                //             no: 'ตั๋วใบที่ 3',\r\n                //             ticket_no: 'WS221A2A2A3A4A5',\r\n                //             group_name: 'วันเสาร์ที่ 21 พฤษภาคม 2565 เวลา 08.30 - 11.30 น.',\r\n                //             start_at: 1653098400,\r\n                //             end_at: 1653107400,\r\n                //             ticket_template: '2',\r\n                //             ticket_bg: '#ffebcd',\r\n                //             ticket_font_color: '#006633',\r\n                //             ticket_header_bg: '#cc3333',\r\n                //             ticket_header_font_color: '#ffffff',\r\n                //             ticket_body_bg: null,\r\n                //             ticket_body_font_color: '#191970',\r\n                //             active: true,\r\n                //             active_txt: 'ยังไม่ได้ใช้งาน',\r\n                //             qrcode: 'https://apigwd.scg.com/DebentureClubDev/images/ticket-qrcode/6f4922f45568161a8cdf4ad2299f6d23.png',\r\n                //             pin: '7400',\r\n                //             share: 'https://debentureclub-dev.scg.com/share/ticket/6f4922f45568161a8cdf4ad2299f6d23',\r\n                //             location_line1: 'สถานที่',\r\n                //             location_line2: 'ห้องแกรนด์ฮอลล์ ชั้น 10  อาคารอเนกประสงค์  เอสซีจี บางซื่อ',\r\n                //             label1: 'ลงทะเบียน',\r\n                //             value1: 'A2',\r\n                //             label2: 'แถวที่นั่ง',\r\n                //             value2: 'A2',\r\n                //             label3: 'เลขที่นั่ง',\r\n                //             value3: 'A3',\r\n                //             label4: 'label4',\r\n                //             value4: 'A4',\r\n                //             label5: 'label5',\r\n                //             value5: 'A5',\r\n                //             doc: [\r\n                //                 {\r\n                //                     attach_label_id: 6,\r\n                //                     label: 'ผลตรวจ ATK',\r\n                //                     display_upload_btn: true,\r\n                //                     status_upload: false,\r\n                //                     file: null,\r\n                //                 },\r\n                //                 {\r\n                //                     attach_label_id: 11,\r\n                //                     label: 'ประวัติการรับวัคซีนโควิด-19',\r\n                //                     display_upload_btn: true,\r\n                //                     status_upload: false,\r\n                //                     file: null,\r\n                //                 },\r\n                //             ],\r\n                //             condition: '<p>ทดสอบเงื่อนไขกลุ่ม 1</p>',\r\n                //         },\r\n                //         {\r\n                //             ticket_id: 40,\r\n                //             no: 'ตั๋วใบที่ 4',\r\n                //             ticket_no: 'WS2211001',\r\n                //             group_name: 'วันเสาร์ที่ 21 พฤษภาคม 2565 เวลา 08.30 - 11.30 น.',\r\n                //             start_at: 1653098400,\r\n                //             end_at: 1653107400,\r\n                //             ticket_template: '2',\r\n                //             ticket_bg: '#ffebcd',\r\n                //             ticket_font_color: '#006633',\r\n                //             ticket_header_bg: '#cc3333',\r\n                //             ticket_header_font_color: '#ffffff',\r\n                //             ticket_body_bg: null,\r\n                //             ticket_body_font_color: '#191970',\r\n                //             active: true,\r\n                //             active_txt: 'ยังไม่ได้ใช้งาน',\r\n                //             qrcode: 'https://apigwd.scg.com/DebentureClubDev/images/ticket-qrcode/d645920e395fedad7bbbed0eca3fe2e0.png',\r\n                //             pin: '7400',\r\n                //             share: 'https://debentureclub-dev.scg.com/share/ticket/d645920e395fedad7bbbed0eca3fe2e0',\r\n                //             location_line1: 'สถานที่',\r\n                //             location_line2: 'ห้องแกรนด์ฮอลล์ ชั้น 10  อาคารอเนกประสงค์  เอสซีจี บางซื่อ',\r\n                //             label1: 'ลงทะเบียน',\r\n                //             value1: '08.00 – 09.00 น.',\r\n                //             label2: 'แถวที่นั่ง',\r\n                //             value2: '1',\r\n                //             label3: 'เลขที่นั่ง',\r\n                //             value3: '001',\r\n                //             label4: '',\r\n                //             value4: '',\r\n                //             label5: '',\r\n                //             value5: '',\r\n                //             doc: [\r\n                //                 {\r\n                //                     attach_label_id: 6,\r\n                //                     label: 'ผลตรวจ ATK',\r\n                //                     display_upload_btn: true,\r\n                //                     status_upload: true,\r\n                //                     file: 'https://apigwd.scg.com/DebentureClubDev/files/activity/ticket/doc/Hei141652166645.jpg',\r\n                //                 },\r\n                //                 {\r\n                //                     attach_label_id: 11,\r\n                //                     label: 'ประวัติการรับวัคซีนโควิด-19',\r\n                //                     display_upload_btn: true,\r\n                //                     status_upload: true,\r\n                //                     file: 'https://apigwd.scg.com/DebentureClubDev/files/activity/ticket/doc/wiUfs1652170652.jpg',\r\n                //                 },\r\n                //             ],\r\n                //             condition: '<p>ทดสอบเงื่อนไขกลุ่ม 1</p>',\r\n                //         },\r\n                //     ],\r\n                // },\r\n            },\r\n            columns_data: [],\r\n        };\r\n    },\r\n    computed: {\r\n        columns() {\r\n            const columns = [];\r\n            const mid = Math.ceil(this.items.length / 2);\r\n            for (let col = 0; col < 2; col++) {\r\n                columns.push(this.items.slice(col * mid, col * mid + mid));\r\n            }\r\n            return columns;\r\n        },\r\n    },\r\n    mounted() {\r\n        this._mounted();\r\n    },\r\n    methods: {\r\n        moment,\r\n        _mounted: function () {\r\n            this.getActivityDetail(() => (this.getting_data = false));\r\n        },\r\n        getActivityDetail: function (callback = null) {\r\n            this.$store.dispatch('user/POST', {\r\n                payload: {\r\n                    path: '/api/log/activity/detail',\r\n                    data: {\r\n                        apply_id: this.apply_id,\r\n                    },\r\n                    callback: (res) => {\r\n                        if (res && res.result == 'errors') {\r\n                            const error = {\r\n                                title: '',\r\n                            };\r\n                            for (const [key, value] of Object.entries(res.errors)) {\r\n                                console.log('value', value);\r\n                                if (key) {\r\n                                    error.title = value[0];\r\n                                }\r\n                            }\r\n                            this.$confirm({\r\n                                title: error.title,\r\n                                button: {\r\n                                    yes: 'ปิดหน้าต่าง',\r\n                                },\r\n                                callback: (confirm) => {},\r\n                            });\r\n                        } else {\r\n                            this.ticket_data = res;\r\n                            console.log('this.ticket_data--------------->', this.ticket_data);\r\n                            const doc_list = this.ticket_data.ticket_data.doc_list;\r\n                            const sorted1 = [];\r\n                            const sorted2 = [];\r\n                            _.each(doc_list, (v1, k1) => {\r\n                                if (k1 % 2 == 0) sorted1.push(v1);\r\n                                else sorted2.push(v1);\r\n                            });\r\n                            this.items = _.clone([...sorted1, ...sorted2]);\r\n                            // this.columns_data[0] = [];\r\n                            // this.columns_data[1] = [];\r\n                            // while (arr.length) {\r\n                            //     this.columns_data[0].push(arr.splice(0, 1)[0]);\r\n                            //     this.columns_data[1].push(arr.splice(0, 1)[0]);\r\n                            // }\r\n                        }\r\n                        if (typeof callback == 'function') callback();\r\n                    },\r\n                },\r\n            });\r\n        },\r\n        handlePageChange(page) {\r\n            console.log('handlePageChange page -->', page);\r\n        },\r\n        goToDocDetail(doc) {\r\n            this.$router.replace({\r\n                path: '/doc-info',\r\n                query: {\r\n                    apply_id: this.apply_id,\r\n                    label: doc.label,\r\n                    pdf_url: doc.pdf_url,\r\n                    back_path: `/doc-list?apply_id=${this.apply_id}&back_path=${this.back_path}`,\r\n                },\r\n            });\r\n        },\r\n        toMoment(date_unix, format) {\r\n            return this.mtby(moment.unix(date_unix), format);\r\n        },\r\n        size(v) {\r\n            return _.size(v);\r\n        },\r\n        get(v1, v2, v3) {\r\n            return _.get(v1, v2, v3);\r\n        },\r\n    },\r\n};\r\n</script>\r\n<style scoped>\r\n.main-content {\r\n    /* background-color: red; */\r\n    width: 100vw;\r\n    /* padding: 14px; */\r\n    min-height: 100vh;\r\n}\r\n.main-content.is-tablet.step-register_success {\r\n    margin-top: 15vh;\r\n}\r\n.badge-icon {\r\n    position: absolute;\r\n    top: 3px;\r\n    right: 200px;\r\n    background: url('../../../public/resources/images/follower-badge.png');\r\n    background-size: 100%;\r\n    width: 40px;\r\n    height: 40px;\r\n}\r\n.badge-icon-new {\r\n    top: 3px;\r\n    right: 200px;\r\n    background: url('../../../public/resources/images/follower-badge.png');\r\n    background-size: 100%;\r\n    width: 40px;\r\n    height: 40px;\r\n    margin: 4px;\r\n}\r\n.badge-label {\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    left: 0;\r\n    right: 0;\r\n    text-align: center;\r\n    color: #000 !important;\r\n    line-height: 40px;\r\n    font-size: 14px;\r\n}\r\n.custom-card {\r\n    margin: 16px;\r\n    background-color: #fff;\r\n    border-radius: 8px;\r\n}\r\n.custom-close {\r\n    font-size: 16px;\r\n    font-weight: 300;\r\n    margin: 0;\r\n    color: #707070 !important;\r\n    text-align: right;\r\n    opacity: 0.5;\r\n}\r\n.slide {\r\n    background-color: transparent;\r\n    width: 100%;\r\n    text-align: center;\r\n    padding-top: 48px;\r\n}\r\n.VueCarousel {\r\n    margin-top: -10px !important;\r\n}\r\n.title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin: 8px 0 0 16px;\r\n    color: #cc0000 !important;\r\n}\r\n.description {\r\n    font-size: 16px;\r\n    font-weight: 300;\r\n    margin: 0 16px;\r\n    color: #000 !important;\r\n}\r\n.description-read-all {\r\n    font-size: 16px;\r\n    font-weight: 300;\r\n    margin: 0 16px;\r\n    color: #000 !important;\r\n}\r\n.read-all {\r\n    font-size: 14px;\r\n    font-weight: 300;\r\n    margin: 8px 0 8px 0;\r\n    color: #707070 !important;\r\n}\r\n.half-circle {\r\n    width: 50px;\r\n    height: 25px; /* as the half of the width */\r\n    background-color: #fff;\r\n    border-bottom-left-radius: 25px;\r\n    border-bottom-right-radius: 25px;\r\n    /* border: 10px solid gray; */\r\n    border-top: 0;\r\n    box-shadow: #707070 0px 25px 40px 0px;\r\n    margin: 0 auto;\r\n}\r\n/* .vue-confirm-dialog {\r\n}\r\n.vue-confirm-dialog .vc-container .vc-text-grid .vc-title {\r\n  font-size: 16px !important;\r\n}\r\n.vc-title {\r\n  font-size: 16px !important;\r\n} */\r\n.กางได้ {\r\n    width: 90%;\r\n    min-height: 64px;\r\n    line-height: 64px;\r\n    background: linear-gradient(0deg, #af2e30, #e05a61 100%) no-repeat;\r\n    margin: 8px auto;\r\n    color: #fff;\r\n    font-weight: 300;\r\n    padding: 0 16px;\r\n}\r\n/* .custom-container {\r\n    display: flex;\r\n    min-height: 100vh;\r\n}\r\n.col {\r\n    margin: 10px;\r\n    border: 1px solid;\r\n    flex-grow: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n.custom-container-item {\r\n    padding: 14px;\r\n    margin: 14px;\r\n    text-align: center;\r\n    border-radius: 14px;\r\n} */\r\n.custom-container {\r\n    /* border: 1px solid; */\r\n    display: flex;\r\n}\r\n.custom-col {\r\n    /* border: 1px solid; */\r\n    margin: 0;\r\n    flex-grow: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n.custom-item-container {\r\n    /* border: 1px solid; */\r\n    padding: 14px;\r\n    margin: 14px;\r\n    /* height: 100%; */\r\n    text-align: center;\r\n    border-radius: 20px;\r\n    /* box-shadow: 1px 1px #808080; */\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=77066a73&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=77066a73&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"77066a73\",\n  null\n  \n)\n\nexport default component.exports","export default function _arrayWithHoles(arr) {\n  if (Array.isArray(arr)) return arr;\n}","export default function _iterableToArrayLimit(arr, i) {\n  if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return;\n  var _arr = [];\n  var _n = true;\n  var _d = false;\n  var _e = undefined;\n\n  try {\n    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {\n      _arr.push(_s.value);\n\n      if (i && _arr.length === i) break;\n    }\n  } catch (err) {\n    _d = true;\n    _e = err;\n  } finally {\n    try {\n      if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n    } finally {\n      if (_d) throw _e;\n    }\n  }\n\n  return _arr;\n}","export default function _nonIterableRest() {\n  throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","import arrayWithHoles from \"@babel/runtime/helpers/esm/arrayWithHoles\";\nimport iterableToArrayLimit from \"@babel/runtime/helpers/esm/iterableToArrayLimit\";\nimport unsupportedIterableToArray from \"@babel/runtime/helpers/esm/unsupportedIterableToArray\";\nimport nonIterableRest from \"@babel/runtime/helpers/esm/nonIterableRest\";\nexport default function _slicedToArray(arr, i) {\n  return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();\n}","var $ = require('../internals/export');\nvar $entries = require('../internals/object-to-array').entries;\n\n// `Object.entries` method\n// https://tc39.github.io/ecma262/#sec-object.entries\n$({ target: 'Object', stat: true }, {\n  entries: function entries(O) {\n    return $entries(O);\n  }\n});\n","var DESCRIPTORS = require('../internals/descriptors');\nvar objectKeys = require('../internals/object-keys');\nvar toIndexedObject = require('../internals/to-indexed-object');\nvar propertyIsEnumerable = require('../internals/object-property-is-enumerable').f;\n\n// `Object.{ entries, values }` methods implementation\nvar createMethod = function (TO_ENTRIES) {\n  return function (it) {\n    var O = toIndexedObject(it);\n    var keys = objectKeys(O);\n    var length = keys.length;\n    var i = 0;\n    var result = [];\n    var key;\n    while (length > i) {\n      key = keys[i++];\n      if (!DESCRIPTORS || propertyIsEnumerable.call(O, key)) {\n        result.push(TO_ENTRIES ? [key, O[key]] : O[key]);\n      }\n    }\n    return result;\n  };\n};\n\nmodule.exports = {\n  // `Object.entries` method\n  // https://tc39.github.io/ecma262/#sec-object.entries\n  entries: createMethod(true),\n  // `Object.values` method\n  // https://tc39.github.io/ecma262/#sec-object.values\n  values: createMethod(false)\n};\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=77066a73&scoped=true&lang=css&\""],"sourceRoot":""}