{"version":3,"sources":["webpack:///./src/views/ticket-list/index.vue?c7ef","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/ticket-list/index.vue?8727","webpack:///src/views/ticket-list/index.vue","webpack:///./src/views/ticket-list/index.vue?4a7b","webpack:///./src/views/ticket-list/index.vue"],"names":["_arrayWithHoles","arr","Array","isArray","_iterableToArrayLimit","i","Symbol","iterator","Object","_arr","_n","_d","_e","undefined","_s","_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","key","keys","result","call","module","exports","values","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","$t","getting_data","back_path","$device","activity_detail","title","class","staticStyle","_v","viewMode","on","$event","ref","handlePageChange","_l","ticket_data","item","itemIndex","active","goToTicketDetail","ticket_id","String","ticket_template","style","width","cursor","getHeaderBackground","color","ticket_header_font_color","display","ticket_body_font_color","getBodyBackground","qrcode","ticket_no","label1","value1","toMoment","start_at","end_at","location_line1","location_line2","label5","value5","label2","value2","label3","value3","label4","value4","column","columnIndex","backgroundColor","no","active_txt","staticRenderFns","component"],"mappings":"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","file":"js/chunk-4f77b312.a1acfb31.js","sourcesContent":["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=745c2abe&scoped=true&lang=css&\"","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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main-container\"},[_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\":\"activity\",\"content_title\":_vm.activity_detail.title}}),_c('div',{class:'ml-20 mr-20 mb-20 mt-20 container-password is-' + _vm.$device},[_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-20 black fw-600\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(_vm.$t('ตั๋วอิเล็กทรอนิกส์'))+\" \")])]),_c('div',{staticStyle:{\"width\":\"100%\",\"color\":\"#f00\",\"text-align\":\"right\",\"margin-bottom\":\"14px\"}},[(_vm.viewMode == 'card')?_c('img',{attrs:{\"src\":require(\"../../../public/resources/images/icon-grid.png\")},on:{\"click\":function($event){_vm.viewMode = 'list'}}}):_c('img',{attrs:{\"src\":require(\"../../../public/resources/images/icon-card.png\")},on:{\"click\":function($event){_vm.viewMode = 'card'}}})]),(_vm.viewMode == 'card')?_c('carousel',{ref:\"carousel\",attrs:{\"per-page\":1,\"paginationPosition\":\"bottom-overlay\",\"paginationActiveColor\":\"#000\",\"paginationColor\":\"#f00\",\"paginationSize\":\"8\",\"paginationPadding\":\"4\"},on:{\"page-change\":_vm.handlePageChange}},_vm._l((_vm.ticket_data.ticket_data.ticket_list),function(item,itemIndex){return _c('slide',{key:itemIndex,staticClass:\"slide\",attrs:{\"data-index\":itemIndex + 1,\"data-name\":(\"slide-\" + (itemIndex + 1))},on:{\"slideclick\":function($event){item.active ? _vm.goToTicketDetail(item.ticket_id) : ''}}},[(String(item.ticket_template) === '1')?[_c('div',{style:([\n                                {\n                                    width: '100%',\n                                    'border-top-left-radius': '20px',\n                                    'border-top-right-radius': '20px',\n                                    'padding-top': '14px',\n                                    cursor: item.active ? 'pointer' : '',\n                                },\n                                _vm.getHeaderBackground(item) ])},[_c('span',{staticClass:\"fs-20\",style:({\n                                    color: item.ticket_header_font_color,\n                                    display: 'block',\n                                })},[_vm._v(\" \"+_vm._s(_vm.ticket_data.title)+\" \")])]),_c('div',{style:([\n                                {\n                                    width: '100%',\n                                    color: item.ticket_body_font_color,\n                                    'text-align': 'left',\n                                    'border-bottom-left-radius': '20px',\n                                    'border-bottom-right-radius': '20px',\n                                    'margin-bottom': '48px',\n                                    cursor: item.active ? 'pointer' : '',\n                                },\n                                _vm.getBodyBackground(_vm.ticket_data.ticket_data) ])},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-7\"},[_c('div',{staticClass:\"row\",staticStyle:{\"margin-top\":\"14px\",\"margin-left\":\"14px\"}},[_c('img',{staticStyle:{\"width\":\"100%\"},attrs:{\"src\":item.qrcode}})]),_c('div',{staticClass:\"row\",staticStyle:{\"margin-left\":\"14px\"}},[_c('span',{staticClass:\"fs-14 black\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(item.ticket_no)+\" \")])])]),_c('div',{staticClass:\"col-5\",staticStyle:{\"margin\":\"auto\"}},[_c('div',{staticClass:\"row\"},[_c('span',{staticClass:\"fs-14 black\",staticStyle:{\"display\":\"block\",\"margin-left\":\"14px\",\"margin-top\":\"-16px\"}},[_vm._v(\" \"+_vm._s(item.label1)+\" \")])]),_c('div',{staticClass:\"row\"},[_c('span',{staticClass:\"fs-18 black fw-600\",staticStyle:{\"display\":\"block\",\"margin-left\":\"14px\"}},[_vm._v(\" \"+_vm._s(item.value1)+\" \")])])])]),_c('div',{staticClass:\"row\",staticStyle:{\"margin-top\":\"14px\"}},[_c('div',{staticClass:\"col-6\"},[_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-14 black\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" วันที่จัดกิจกรรม \")])]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-18 black fw-600\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(_vm.toMoment(item.start_at, 'DD MMM YYYY'))+\" \")])])]),_c('div',{staticClass:\"col-6\"},[_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-14 black\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" เวลากิจกรรม \")])]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-18 black fw-600\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(_vm.toMoment(item.start_at, 'HH:mm'))+\" - \"+_vm._s(_vm.toMoment(item.end_at, 'HH:mm'))+\" น. \")])])])]),(item.location_line1 && item.location_line2)?_c('div',{staticClass:\"row\",staticStyle:{\"margin-top\":\"14px\"}},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-14 black\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(item.location_line1)+\" \")])]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-18 black fw-600 text-center\",staticStyle:{\"display\":\"block\",\"max-width\":\"70%\"}},[_vm._v(\" \"+_vm._s(item.location_line2)+\" \")])])])]):_vm._e(),(item.label5 && item.value5)?_c('div',{staticClass:\"row\",staticStyle:{\"margin-top\":\"14px\"}},[_c('div',{staticClass:\"col-12 text-center\"},[_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-14 black\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(item.label5)+\" \")])]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-18 black fw-600\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(item.value5)+\" \")])])])]):_vm._e(),_c('div',{staticClass:\"row\",staticStyle:{\"margin-top\":\"14px\",\"padding-bottom\":\"14px\"}},[(item.label2 && item.value2)?_c('div',{staticClass:\"col-4\"},[_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-14 black\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(item.label2)+\" \")])]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-18 black fw-600\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(item.value2)+\" \")])])]):_vm._e(),(item.label3 && item.value3)?_c('div',{staticClass:\"col-4\"},[_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-14 black\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(item.label3)+\" \")])]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-18 black fw-600\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(item.value3)+\" \")])])]):_vm._e(),(item.label4 && item.value4)?_c('div',{staticClass:\"col-4\"},[_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-14 black\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(item.label4)+\" \")])]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-18 black fw-600\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(item.value4)+\" \")])])]):_vm._e()])])]:(String(item.ticket_template) === '2')?[_c('div',{style:([\n                                {\n                                    width: '100%',\n                                    'border-top-left-radius': '20px',\n                                    'border-top-right-radius': '20px',\n                                    'padding-top': '14px',\n                                    cursor: item.active ? 'pointer' : '',\n                                },\n                                _vm.getHeaderBackground(item) ])},[_c('span',{staticClass:\"fs-20\",style:({\n                                    color: item.ticket_header_font_color,\n                                    display: 'block',\n                                })},[_vm._v(\" \"+_vm._s(_vm.ticket_data.title)+\" \")])]),_c('div',{style:([\n                                {\n                                    width: '100%',\n                                    color: item.ticket_body_font_color,\n                                    'text-align': 'left',\n                                    'border-bottom-left-radius': '20px',\n                                    'border-bottom-right-radius': '20px',\n                                    'margin-bottom': '48px',\n                                    cursor: item.active ? 'pointer' : '',\n                                },\n                                _vm.getBodyBackground(_vm.ticket_data.ticket_data) ])},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"row justify-content-center\",staticStyle:{\"margin-top\":\"14px\"}},[_c('img',{staticStyle:{\"width\":\"50%\"},attrs:{\"src\":item.qrcode}})]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-14 black\",staticStyle:{\"display\":\"block\",\"max-width\":\"70%\",\"word-break\":\"break-all\"}},[_vm._v(\" \"+_vm._s(item.ticket_no)+\" \")])])])]),_c('div',{staticClass:\"row\",staticStyle:{\"margin-top\":\"14px\"}},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-14 black\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(item.label1)+\" \")])]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-18 black fw-600\",staticStyle:{\"display\":\"block\",\"max-width\":\"70%\",\"word-break\":\"break-all\"}},[_vm._v(\" \"+_vm._s(item.value1)+\" \")])])])]),_c('div',{staticClass:\"row\",staticStyle:{\"margin-top\":\"14px\"}},[_c('div',{staticClass:\"col-6\"},[_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-14 black\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" วันที่จัดกิจกรรม \")])]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-18 black fw-600\",staticStyle:{\"display\":\"block\"}},[_vm._v(_vm._s(_vm.toMoment(item.start_at, 'DD MMM YYYY'))+\" \")])])]),_c('div',{staticClass:\"col-6\"},[_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-14 black\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" เวลากิจกรรม \")])]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-18 black fw-600\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(_vm.toMoment(item.start_at, 'HH:mm'))+\" - \"+_vm._s(_vm.toMoment(item.end_at, 'HH:mm'))+\" น. \")])])])]),_c('div',{staticClass:\"row\",staticStyle:{\"margin-top\":\"14px\"}},[_c('div',{staticClass:\"col-6\"},[_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-14 black\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(item.label2)+\" \")])]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-18 black fw-600\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(item.value2)+\" \")])])]),_c('div',{staticClass:\"col-6\"},[_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-14 black\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(item.label3)+\" \")])]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-18 black fw-600\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(item.value3)+\" \")])])])]),_c('div',{staticClass:\"row\",staticStyle:{\"margin-top\":\"14px\"}},[_c('div',{staticClass:\"col-6\"},[_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-14 black\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(item.label4)+\" \")])]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-18 black fw-600\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(item.value4)+\" \")])])]),_c('div',{staticClass:\"col-6\"},[_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-14 black\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(item.label5)+\" \")])]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-18 black fw-600\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(item.value5)+\" \")])])])]),_c('div',{staticClass:\"row\",staticStyle:{\"margin-top\":\"14px\"}},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-14 black\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(item.location_line1)+\" \")])]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-18 black fw-600 text-center\",staticStyle:{\"display\":\"block\",\"max-width\":\"70%\"}},[_vm._v(\" \"+_vm._s(item.location_line2)+\" \")])])])])])]:(String(item.ticket_template) === '3')?[_c('div',{style:([\n                                {\n                                    width: '100%',\n                                    'border-top-left-radius': '20px',\n                                    'border-top-right-radius': '20px',\n                                    'padding-top': '14px',\n                                    cursor: item.active ? 'pointer' : '',\n                                },\n                                _vm.getHeaderBackground(item) ])},[_c('span',{staticClass:\"fs-20\",style:({\n                                    color: item.ticket_header_font_color,\n                                    display: 'block',\n                                })},[_vm._v(\" \"+_vm._s(_vm.ticket_data.title)+\" \")])]),_c('div',{style:([\n                                {\n                                    width: '100%',\n                                    color: item.ticket_body_font_color,\n                                    'text-align': 'left',\n                                    'border-bottom-left-radius': '20px',\n                                    'border-bottom-right-radius': '20px',\n                                    'margin-bottom': '48px',\n                                    cursor: item.active ? 'pointer' : '',\n                                },\n                                _vm.getBodyBackground(_vm.ticket_data.ticket_data) ])},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-6\"},[_c('div',{staticClass:\"row justify-content-center\",staticStyle:{\"margin-top\":\"14px\"}},[_c('span',{staticClass:\"fs-14\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" วันที่จัดกิจกรรม \")])]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-18 fw-600\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(_vm.toMoment(item.start_at, 'DD MMM YYYY'))+\" \")])])]),_c('div',{staticClass:\"col-6\"},[_c('div',{staticClass:\"row justify-content-center\",staticStyle:{\"margin-top\":\"14px\"}},[_c('span',{staticClass:\"fs-14\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" เวลากิจกรรม \")])]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-18 fw-600\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(_vm.toMoment(item.start_at, 'HH:mm'))+\" - \"+_vm._s(_vm.toMoment(item.end_at, 'HH:mm'))+\" น. \")])])])]),(item.label1 && item.value1)?_c('div',{staticClass:\"row\",staticStyle:{\"margin-top\":\"14px\"}},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-14\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(item.label1)+\" \")])]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-18 fw-600\",staticStyle:{\"display\":\"block\",\"max-width\":\"62%\"}},[_vm._v(\" \"+_vm._s(item.value1)+\" \")])])])]):_vm._e(),(item.label5 && item.value5)?_c('div',{staticClass:\"row\",staticStyle:{\"margin-top\":\"14px\"}},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-14\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(item.label5)+\" \")])]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-18 fw-600\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(item.value5)+\" \")])])])]):_vm._e(),_c('div',{staticClass:\"row\",staticStyle:{\"margin-top\":\"14px\",\"padding-bottom\":\"14px\"}},[(item.label2 && item.value2)?_c('div',{staticClass:\"col-4\"},[_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-14\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(item.label2)+\" \")])]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-18 fw-600\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(item.value2)+\" \")])])]):_vm._e(),(item.label3 && item.value3)?_c('div',{staticClass:\"col-4\"},[_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-14\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(item.label3)+\" \")])]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-18 fw-600\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(item.value3)+\" \")])])]):_vm._e(),(item.label4 && item.value4)?_c('div',{staticClass:\"col-4\"},[_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-14\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(item.label4)+\" \")])]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-18 fw-600\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(item.value4)+\" \")])])]):_vm._e()]),_c('div',{staticClass:\"row\",staticStyle:{\"margin-top\":\"14px\"}},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-14\",staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(item.location_line1)+\" \")])]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-18 fw-600 text-center\",staticStyle:{\"display\":\"block\",\"max-width\":\"70%\"}},[_vm._v(\" \"+_vm._s(item.location_line2)+\" \")])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"row justify-content-center\",staticStyle:{\"margin-top\":\"14px\"}},[_c('img',{staticStyle:{\"width\":\"50%\"},attrs:{\"src\":item.qrcode}})]),_c('div',{staticClass:\"row justify-content-center\"},[_c('span',{staticClass:\"fs-14\",staticStyle:{\"display\":\"block\",\"max-width\":\"70%\",\"word-break\":\"break-all\"}},[_vm._v(\" \"+_vm._s(item.ticket_no)+\" \")])])])])])]:_vm._e()],2)}),1):[_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: item.active ? 'pointer' : '' }),on:{\"click\":function($event){item.active ? _vm.goToTicketDetail(item.ticket_id) : ''}}},[_c('span',{staticClass:\"fs-16 black fw-600\"},[_vm._v(\" \"+_vm._s(item.no))]),_c('br'),_c('span',{staticClass:\"fs-16\",style:({ color: item.active ? 'red' : 'green' })},[_vm._v(_vm._s(item.active_txt))])])}),0)}),0)]],2),(_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)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"main-container\">\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=\"activity\" :content_title=\"activity_detail.title\" />\r\n            <div :class=\"'ml-20 mr-20 mb-20 mt-20 container-password 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 style=\"width: 100%; color: #f00; text-align: right; margin-bottom: 14px\">\r\n                    <img v-if=\"viewMode == 'card'\" src=\"../../../public/resources/images/icon-grid.png\" @click=\"viewMode = 'list'\" />\r\n                    <img v-else src=\"../../../public/resources/images/icon-card.png\" @click=\"viewMode = 'card'\" />\r\n                    <!-- <i v-if=\"viewMode == 'card'\" class=\"fa fa-th-large fs-24\" aria-hidden=\"true\" @click=\"viewMode = 'list'\"></i>\r\n                <i v-else class=\"fa fa-th-list fs-24\" aria-hidden=\"true\" @click=\"viewMode = 'card'\"></i> -->\r\n                </div>\r\n                <carousel v-if=\"viewMode == 'card'\" ref=\"carousel\" :per-page=\"1\" paginationPosition=\"bottom-overlay\" paginationActiveColor=\"#000\" paginationColor=\"#f00\" paginationSize=\"8\" paginationPadding=\"4\" @page-change=\"handlePageChange\">\r\n                    <slide v-for=\"(item, itemIndex) in ticket_data.ticket_data.ticket_list\" :key=\"itemIndex\" class=\"slide\" :data-index=\"itemIndex + 1\" :data-name=\"`slide-${itemIndex + 1}`\" @slideclick=\"item.active ? goToTicketDetail(item.ticket_id) : ''\">\r\n                        <!-- <div style=\"width: 100vh; height: 100vh\" :style=\"{ 'background-color': item.bgColor }\"></div> -->\r\n                        <template v-if=\"String(item.ticket_template) === '1'\">\r\n                            <div\r\n                                :style=\"[\r\n                                    {\r\n                                        width: '100%',\r\n                                        'border-top-left-radius': '20px',\r\n                                        'border-top-right-radius': '20px',\r\n                                        'padding-top': '14px',\r\n                                        cursor: item.active ? 'pointer' : '',\r\n                                    },\r\n                                    getHeaderBackground(item),\r\n                                ]\"\r\n                            >\r\n                                <span\r\n                                    class=\"fs-20\"\r\n                                    :style=\"{\r\n                                        color: item.ticket_header_font_color,\r\n                                        display: 'block',\r\n                                    }\"\r\n                                >\r\n                                    {{ ticket_data.title }}\r\n                                </span>\r\n                            </div>\r\n                            <div\r\n                                :style=\"[\r\n                                    {\r\n                                        width: '100%',\r\n                                        color: item.ticket_body_font_color,\r\n                                        'text-align': 'left',\r\n                                        'border-bottom-left-radius': '20px',\r\n                                        'border-bottom-right-radius': '20px',\r\n                                        'margin-bottom': '48px',\r\n                                        cursor: item.active ? 'pointer' : '',\r\n                                    },\r\n                                    getBodyBackground(ticket_data.ticket_data),\r\n                                ]\"\r\n                            >\r\n                                <div class=\"row\">\r\n                                    <div class=\"col-7\">\r\n                                        <div class=\"row\" style=\"margin-top: 14px; margin-left: 14px\">\r\n                                            <img :src=\"item.qrcode\" style=\"width: 100%\" />\r\n                                        </div>\r\n                                        <div class=\"row\" style=\"margin-left: 14px\">\r\n                                            <span class=\"fs-14 black\" style=\"display: block\"> {{ item.ticket_no }} </span>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"col-5\" style=\"margin: auto\">\r\n                                        <div class=\"row\">\r\n                                            <span class=\"fs-14 black\" style=\"display: block; margin-left: 14px; margin-top: -16px\"> {{ item.label1 }} </span>\r\n                                        </div>\r\n                                        <div class=\"row\">\r\n                                            <span class=\"fs-18 black fw-600\" style=\"display: block; margin-left: 14px\"> {{ item.value1 }} </span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"row\" style=\"margin-top: 14px\">\r\n                                    <div class=\"col-6\">\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-14 black\" style=\"display: block\"> วันที่จัดกิจกรรม </span>\r\n                                        </div>\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-18 black fw-600\" style=\"display: block\"> {{ toMoment(item.start_at, 'DD MMM YYYY') }} </span>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"col-6\">\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-14 black\" style=\"display: block\"> เวลากิจกรรม </span>\r\n                                        </div>\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-18 black fw-600\" style=\"display: block\"> {{ toMoment(item.start_at, 'HH:mm') }} - {{ toMoment(item.end_at, 'HH:mm') }} น. </span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div v-if=\"item.location_line1 && item.location_line2\" class=\"row\" style=\"margin-top: 14px\">\r\n                                    <div class=\"col-12\">\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-14 black\" style=\"display: block\"> {{ item.location_line1 }} </span>\r\n                                        </div>\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-18 black fw-600 text-center\" style=\"display: block; max-width: 70%\"> {{ item.location_line2 }} </span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div v-if=\"item.label5 && item.value5\" class=\"row\" style=\"margin-top: 14px\">\r\n                                    <div class=\"col-12 text-center\">\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-14 black\" style=\"display: block\"> {{ item.label5 }} </span>\r\n                                        </div>\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-18 black fw-600\" style=\"display: block\"> {{ item.value5 }} </span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"row\" style=\"margin-top: 14px; padding-bottom: 14px\">\r\n                                    <div class=\"col-4\" v-if=\"item.label2 && item.value2\">\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-14 black\" style=\"display: block\"> {{ item.label2 }} </span>\r\n                                        </div>\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-18 black fw-600\" style=\"display: block\"> {{ item.value2 }} </span>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"col-4\" v-if=\"item.label3 && item.value3\">\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-14 black\" style=\"display: block\"> {{ item.label3 }} </span>\r\n                                        </div>\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-18 black fw-600\" style=\"display: block\"> {{ item.value3 }} </span>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"col-4\" v-if=\"item.label4 && item.value4\">\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-14 black\" style=\"display: block\"> {{ item.label4 }} </span>\r\n                                        </div>\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-18 black fw-600\" style=\"display: block\"> {{ item.value4 }} </span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </template>\r\n                        <template v-else-if=\"String(item.ticket_template) === '2'\">\r\n                            <div\r\n                                :style=\"[\r\n                                    {\r\n                                        width: '100%',\r\n                                        'border-top-left-radius': '20px',\r\n                                        'border-top-right-radius': '20px',\r\n                                        'padding-top': '14px',\r\n                                        cursor: item.active ? 'pointer' : '',\r\n                                    },\r\n                                    getHeaderBackground(item),\r\n                                ]\"\r\n                            >\r\n                                <span\r\n                                    class=\"fs-20\"\r\n                                    :style=\"{\r\n                                        color: item.ticket_header_font_color,\r\n                                        display: 'block',\r\n                                    }\"\r\n                                >\r\n                                    {{ ticket_data.title }}\r\n                                </span>\r\n                            </div>\r\n                            <div\r\n                                :style=\"[\r\n                                    {\r\n                                        width: '100%',\r\n                                        color: item.ticket_body_font_color,\r\n                                        'text-align': 'left',\r\n                                        'border-bottom-left-radius': '20px',\r\n                                        'border-bottom-right-radius': '20px',\r\n                                        'margin-bottom': '48px',\r\n                                        cursor: item.active ? 'pointer' : '',\r\n                                    },\r\n                                    getBodyBackground(ticket_data.ticket_data),\r\n                                ]\"\r\n                            >\r\n                                <div class=\"row\">\r\n                                    <div class=\"col-12\">\r\n                                        <div class=\"row justify-content-center\" style=\"margin-top: 14px\">\r\n                                            <img :src=\"item.qrcode\" style=\"width: 50%\" />\r\n                                        </div>\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-14 black\" style=\"display: block; max-width: 70%; word-break: break-all\"> {{ item.ticket_no }} </span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"row\" style=\"margin-top: 14px\">\r\n                                    <div class=\"col-12\">\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-14 black\" style=\"display: block\"> {{ item.label1 }} </span>\r\n                                        </div>\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-18 black fw-600\" style=\"display: block; max-width: 70%; word-break: break-all\"> {{ item.value1 }} </span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"row\" style=\"margin-top: 14px\">\r\n                                    <div class=\"col-6\">\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-14 black\" style=\"display: block\"> วันที่จัดกิจกรรม </span>\r\n                                        </div>\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-18 black fw-600\" style=\"display: block\">{{ toMoment(item.start_at, 'DD MMM YYYY') }} </span>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"col-6\">\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-14 black\" style=\"display: block\"> เวลากิจกรรม </span>\r\n                                        </div>\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-18 black fw-600\" style=\"display: block\"> {{ toMoment(item.start_at, 'HH:mm') }} - {{ toMoment(item.end_at, 'HH:mm') }} น. </span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"row\" style=\"margin-top: 14px\">\r\n                                    <div class=\"col-6\">\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-14 black\" style=\"display: block\"> {{ item.label2 }} </span>\r\n                                        </div>\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-18 black fw-600\" style=\"display: block\"> {{ item.value2 }} </span>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"col-6\">\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-14 black\" style=\"display: block\"> {{ item.label3 }} </span>\r\n                                        </div>\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-18 black fw-600\" style=\"display: block\"> {{ item.value3 }} </span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"row\" style=\"margin-top: 14px\">\r\n                                    <div class=\"col-6\">\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-14 black\" style=\"display: block\"> {{ item.label4 }} </span>\r\n                                        </div>\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-18 black fw-600\" style=\"display: block\"> {{ item.value4 }} </span>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"col-6\">\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-14 black\" style=\"display: block\"> {{ item.label5 }} </span>\r\n                                        </div>\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-18 black fw-600\" style=\"display: block\"> {{ item.value5 }} </span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"row\" style=\"margin-top: 14px\">\r\n                                    <div class=\"col-12\">\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-14 black\" style=\"display: block\"> {{ item.location_line1 }} </span>\r\n                                        </div>\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-18 black fw-600 text-center\" style=\"display: block; max-width: 70%\"> {{ item.location_line2 }} </span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </template>\r\n                        <template v-else-if=\"String(item.ticket_template) === '3'\">\r\n                            <div\r\n                                :style=\"[\r\n                                    {\r\n                                        width: '100%',\r\n                                        'border-top-left-radius': '20px',\r\n                                        'border-top-right-radius': '20px',\r\n                                        'padding-top': '14px',\r\n                                        cursor: item.active ? 'pointer' : '',\r\n                                    },\r\n                                    getHeaderBackground(item),\r\n                                ]\"\r\n                            >\r\n                                <span\r\n                                    class=\"fs-20\"\r\n                                    :style=\"{\r\n                                        color: item.ticket_header_font_color,\r\n                                        display: 'block',\r\n                                    }\"\r\n                                >\r\n                                    {{ ticket_data.title }}\r\n                                </span>\r\n                            </div>\r\n                            <div\r\n                                :style=\"[\r\n                                    {\r\n                                        width: '100%',\r\n                                        color: item.ticket_body_font_color,\r\n                                        'text-align': 'left',\r\n                                        'border-bottom-left-radius': '20px',\r\n                                        'border-bottom-right-radius': '20px',\r\n                                        'margin-bottom': '48px',\r\n                                        cursor: item.active ? 'pointer' : '',\r\n                                    },\r\n                                    getBodyBackground(ticket_data.ticket_data),\r\n                                ]\"\r\n                            >\r\n                                <div class=\"row\">\r\n                                    <div class=\"col-6\">\r\n                                        <div class=\"row justify-content-center\" style=\"margin-top: 14px\">\r\n                                            <span class=\"fs-14\" style=\"display: block\"> วันที่จัดกิจกรรม </span>\r\n                                        </div>\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-18 fw-600\" style=\"display: block\"> {{ toMoment(item.start_at, 'DD MMM YYYY') }} </span>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"col-6\">\r\n                                        <div class=\"row justify-content-center\" style=\"margin-top: 14px\">\r\n                                            <span class=\"fs-14\" style=\"display: block\"> เวลากิจกรรม </span>\r\n                                        </div>\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-18 fw-600\" style=\"display: block\"> {{ toMoment(item.start_at, 'HH:mm') }} - {{ toMoment(item.end_at, 'HH:mm') }} น. </span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div v-if=\"item.label1 && item.value1\" class=\"row\" style=\"margin-top: 14px\">\r\n                                    <div class=\"col-12\">\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-14\" style=\"display: block\"> {{ item.label1 }} </span>\r\n                                        </div>\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-18 fw-600\" style=\"display: block; max-width: 62%\"> {{ item.value1 }} </span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div v-if=\"item.label5 && item.value5\" class=\"row\" style=\"margin-top: 14px\">\r\n                                    <div class=\"col-12\">\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-14\" style=\"display: block\"> {{ item.label5 }} </span>\r\n                                        </div>\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-18 fw-600\" style=\"display: block\"> {{ item.value5 }} </span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"row\" style=\"margin-top: 14px; padding-bottom: 14px\">\r\n                                    <div class=\"col-4\" v-if=\"item.label2 && item.value2\">\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-14\" style=\"display: block\"> {{ item.label2 }} </span>\r\n                                        </div>\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-18 fw-600\" style=\"display: block\"> {{ item.value2 }} </span>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"col-4\" v-if=\"item.label3 && item.value3\">\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-14\" style=\"display: block\"> {{ item.label3 }} </span>\r\n                                        </div>\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-18 fw-600\" style=\"display: block\"> {{ item.value3 }} </span>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"col-4\" v-if=\"item.label4 && item.value4\">\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-14\" style=\"display: block\"> {{ item.label4 }} </span>\r\n                                        </div>\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-18 fw-600\" style=\"display: block\"> {{ item.value4 }} </span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"row\" style=\"margin-top: 14px\">\r\n                                    <div class=\"col-12\">\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-14\" style=\"display: block\"> {{ item.location_line1 }} </span>\r\n                                        </div>\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-18 fw-600 text-center\" style=\"display: block; max-width: 70%\"> {{ item.location_line2 }} </span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"row\">\r\n                                    <div class=\"col-12\">\r\n                                        <div class=\"row justify-content-center\" style=\"margin-top: 14px\">\r\n                                            <img :src=\"item.qrcode\" style=\"width: 50%\" />\r\n                                        </div>\r\n                                        <div class=\"row justify-content-center\">\r\n                                            <span class=\"fs-14\" style=\"display: block; max-width: 70%; word-break: break-all\"> {{ item.ticket_no }} </span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </template>\r\n                    </slide>\r\n                </carousel>\r\n                <template v-else>\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: item.active ? 'pointer' : '' }\" @click=\"item.active ? goToTicketDetail(item.ticket_id) : ''\">\r\n                                <span class=\"fs-16 black fw-600\"> {{ item.no }}</span>\r\n                                <br />\r\n                                <span class=\"fs-16\" :style=\"{ color: item.active ? 'red' : 'green' }\">{{ item.active_txt }}</span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </template>\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    </div>\r\n</template>\r\n<script>\r\nimport moment from 'moment';\r\nimport navbar from '../../components/navbar';\r\nimport { Carousel, Slide } from 'vue-carousel';\r\nimport _ from 'lodash';\r\nexport default {\r\n    components: {\r\n        navbar,\r\n        Carousel,\r\n        Slide,\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            viewMode: 'card',\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            headerBackgroundColor: '#FFFFFF',\r\n            bodyBackgroundColor: '#FFFFFF',\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                            this.items = _.clone(this.ticket_data.ticket_data.ticket_list);\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        goToTicketDetail(ticket_id) {\r\n            this.$router.replace({\r\n                path: '/ticket-info',\r\n                query: {\r\n                    ticket_id: ticket_id,\r\n                    apply_id: this.apply_id,\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        getHeaderBackground(item) {\r\n            const result = { 'background-color': this.headerBackgroundColor };\r\n            const ticket_header_bg = _.get(item, 'ticket_header_bg');\r\n            if (ticket_header_bg) {\r\n                if (_.size(ticket_header_bg) == 7) result['background-color'] = ticket_header_bg;\r\n                else {\r\n                    delete result['background-color'];\r\n                    result.background = `url(${ticket_header_bg})`;\r\n                    result['background-repeat'] = 'repeat';\r\n                }\r\n            }\r\n            return result;\r\n        },\r\n        getBodyBackground(item) {\r\n            console.log('item -->', item);\r\n            const result = { 'background-color': this.bodyBackgroundColor };\r\n            const ticket_body_bg = _.get(item, 'ticket_list[0].ticket_body_bg');\r\n            console.log('ticket_body_bg -->', ticket_body_bg);\r\n            if (ticket_body_bg) {\r\n                if (_.size(ticket_body_bg) == 7) result['background-color'] = ticket_body_bg;\r\n                else {\r\n                    delete result['background-color'];\r\n                    // result.background = `url(${ticket_body_bg})`;\r\n                    // result['background-repeat'] = 'repeat';\r\n                    result['background-image'] = `url(${ticket_body_bg})`;\r\n                    result['background-repeat'] = 'no-repeat';\r\n                    result['background-size'] = 'cover';\r\n                    result['background-position'] = 'center center';\r\n                    result['background-color'] = '#fff';\r\n                }\r\n            }\r\n            return result;\r\n        },\r\n    },\r\n};\r\n</script>\r\n<style scoped>\r\n.main-content {\r\n    background-color: #fff;\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}\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.กางได้ {\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    /* 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: 14px;\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=745c2abe&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=745c2abe&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  \"745c2abe\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}