{"version":3,"sources":["webpack:///./src/views/favorite-detail/index.vue?2249","webpack:///src/views/favorite-detail/index.vue","webpack:///./src/views/favorite-detail/index.vue?1aa0","webpack:///./src/views/favorite-detail/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:///./src/views/privilege-choice/modalForm.vue?40e5","webpack:///./node_modules/core-js/internals/object-to-array.js","webpack:///./src/views/favorite-detail/index.vue?5b03","webpack:///./src/views/privilege-choice/modalForm.vue?fc18","webpack:///src/views/privilege-choice/modalForm.vue","webpack:///./src/views/privilege-choice/modalForm.vue?452a","webpack:///./src/views/privilege-choice/modalForm.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","$t","getting_data","loading","staticStyle","style","width","$device","privilege_detail","image","logo_full","staticClass","_v","_s","title","button_favorite","on","$event","toggleFavorite","plivilege","domProps","description","step","display","condition","branch","display_button","display_button_type","modalGetRight","_e","key","modal_visible","ref","modal_data","onModalSave","onModalCancel","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","data","padding","visible","choice","label_top","label","count_time","Number","cancel","create","message","confirm","onCloseError"],"mappings":"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","file":"js/chunk-790038f7.53497b38.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('a-spin',{attrs:{\"spinning\":_vm.loading}},[_c('navbar',{attrs:{\"back_path\":\"/favorite\"}}),_c('div',{staticStyle:{\"background-color\":\"#fff\",\"width\":\"100vw\",\"position\":\"relative\"}},[_c('img',{style:({\n                    width: _vm.$device == 'mobile' ? '100%' : '50%',\n                }),attrs:{\"src\":_vm.privilege_detail.image}}),_c('img',{staticStyle:{\"width\":\"48px\",\"margin\":\"0 auto\",\"position\":\"absolute\",\"top\":\"8px\",\"right\":\"8px\"},attrs:{\"src\":_vm.privilege_detail.logo_full}}),_c('div',{staticStyle:{\"margin-top\":\"20px\",\"justify-content\":\"space-between\",\"display\":\"flex\"}},[_c('label',{staticClass:\"title\"},[_vm._v(\" \"+_vm._s(_vm.privilege_detail.title)+\" \")]),_c('img',{staticStyle:{\"width\":\"20px\",\"height\":\"20px\",\"margin\":\"auto 0\",\"margin-right\":\"10px\"},attrs:{\"src\":!_vm.privilege_detail.button_favorite ? '/resources/images/icon-star-select.png' : '/resources/images/icon-star.png'},on:{\"click\":function($event){return _vm.toggleFavorite(_vm.privilege_detail)}}})]),_c('div',{staticStyle:{\"width\":\"100%\",\"padding\":\"16px\"}},[_c('div',{staticStyle:{\"margin\":\"16px 0 0 0\",\"background-color\":\"#f5f5f5\",\"border-left\":\"2px solid red\",\"padding\":\"12px\",\"color\":\"#000\"}},[_c('span',{staticStyle:{\"font-size\":\"20px\",\"font-weight\":\"600\"}},[_vm._v(_vm._s(_vm.privilege_detail.plivilege))])])]),_c('label',{staticClass:\"description\",domProps:{\"innerHTML\":_vm._s(_vm.privilege_detail.description)}}),_c('div',{staticStyle:{\"text-align\":\"center\",\"width\":\"100%\",\"padding\":\"16px\",\"margin\":\"16px 0 0 0\"}},[_c('div',{staticStyle:{\"width\":\"100%\",\"background-color\":\"#bebebe\",\"border-radius\":\"8px\",\"padding\":\"2px\"}},[_c('div',{style:({\n                            width: '50%',\n                            'background-color': _vm.step == 'เงื่อนไขการใช้งาน' ? '#fff' : 'transparent',\n                            'border-radius': '8px',\n                            display: 'inline-block',\n                        }),on:{\"click\":function($event){_vm.step = 'เงื่อนไขการใช้งาน'}}},[_c('label',{staticStyle:{\"font-size\":\"16px\",\"font-weight\":\"600\",\"margin\":\"0\"}},[_vm._v(\" เงื่อนไขการใช้งาน \")])]),_c('div',{style:({\n                            width: '50%',\n                            'background-color': _vm.step == 'สาขาที่ร่วมรายการ' ? '#fff' : 'transparent',\n                            'border-radius': '8px',\n                            display: 'inline-block',\n                        }),on:{\"click\":function($event){_vm.step = 'สาขาที่ร่วมรายการ'}}},[_c('label',{staticStyle:{\"font-size\":\"16px\",\"font-weight\":\"600\",\"margin\":\"0\"}},[_vm._v(\" สาขาที่ร่วมรายการ \")])])])]),(_vm.step == 'เงื่อนไขการใช้งาน')?_c('div',[_c('label',{staticClass:\"description\",domProps:{\"innerHTML\":_vm._s(_vm.privilege_detail.condition)}})]):_c('div',[_c('label',{staticClass:\"description\",domProps:{\"innerHTML\":_vm._s(_vm.privilege_detail.branch)}})]),(_vm.privilege_detail.display_button || (!_vm.privilege_detail.display_button && _vm.privilege_detail.display_button_type == 'm'))?_c('div',{staticClass:\"text-center\",staticStyle:{\"margin\":\"0\",\"margin-top\":\"32px\",\"padding-bottom\":\"16px\",\"position\":\"sticky\",\"bottom\":\"0\",\"background-color\":\"#fff\",\"box-shadow\":\"0 10px 0 #fff, 0 -10px 20px #fff\"}},[_c('a-button',{staticClass:\"text-center primary-btn ant-button-label-custom\",staticStyle:{\"border-radius\":\"0\",\"width\":\"144px\",\"font-size\":\"16px\"},attrs:{\"size\":\"large\",\"disabled\":_vm.privilege_detail.display_button_type == 'm'},on:{\"click\":_vm.modalGetRight}},[_c('strong',[_vm._v(\"กดรับสิทธิ์\")])])],1):_vm._e(),_c('modal-form',{key:_vm.modal_visible,ref:\"modalForm\",attrs:{\"visible\":_vm.modal_visible,\"data\":_vm.modal_data},on:{\"on-save\":_vm.onModalSave,\"on-cancel\":_vm.onModalCancel}})],1),(_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    <a-spin :tip=\"$t('Loading...')\" :spinning=\"getting_data\">\r\n        <a-spin :spinning=\"loading\">\r\n            <navbar back_path=\"/favorite\" />\r\n            <div style=\"background-color: #fff; width: 100vw; position: relative\">\r\n                <img\r\n                    :src=\"privilege_detail.image\"\r\n                    :style=\"{\r\n                        width: $device == 'mobile' ? '100%' : '50%',\r\n                    }\"\r\n                />\r\n                <img :src=\"privilege_detail.logo_full\" style=\"width: 48px; margin: 0 auto; position: absolute; top: 8px; right: 8px\" />\r\n                <div style=\"margin-top: 20px; justify-content: space-between; display: flex\">\r\n                    <label class=\"title\">\r\n                        {{ privilege_detail.title }}\r\n                    </label>\r\n                    <img @click=\"toggleFavorite(privilege_detail)\" :src=\"!privilege_detail.button_favorite ? '/resources/images/icon-star-select.png' : '/resources/images/icon-star.png'\" style=\"width: 20px; height: 20px; margin: auto 0; margin-right: 10px\" />\r\n                </div>\r\n                <div style=\"width: 100%; padding: 16px\">\r\n                    <div style=\"margin: 16px 0 0 0; background-color: #f5f5f5; border-left: 2px solid red; padding: 12px; color: #000\">\r\n                        <span style=\"font-size: 20px; font-weight: 600\">{{ privilege_detail.plivilege }}</span>\r\n                    </div>\r\n                </div>\r\n                <label class=\"description\" v-html=\"privilege_detail.description\"> </label>\r\n                <div style=\"text-align: center; width: 100%; padding: 16px; margin: 16px 0 0 0\">\r\n                    <div style=\"width: 100%; background-color: #bebebe; border-radius: 8px; padding: 2px\">\r\n                        <div\r\n                            :style=\"{\r\n                                width: '50%',\r\n                                'background-color': step == 'เงื่อนไขการใช้งาน' ? '#fff' : 'transparent',\r\n                                'border-radius': '8px',\r\n                                display: 'inline-block',\r\n                            }\"\r\n                            @click=\"step = 'เงื่อนไขการใช้งาน'\"\r\n                        >\r\n                            <label style=\"font-size: 16px; font-weight: 600; margin: 0\"> เงื่อนไขการใช้งาน </label>\r\n                        </div>\r\n                        <div\r\n                            :style=\"{\r\n                                width: '50%',\r\n                                'background-color': step == 'สาขาที่ร่วมรายการ' ? '#fff' : 'transparent',\r\n                                'border-radius': '8px',\r\n                                display: 'inline-block',\r\n                            }\"\r\n                            @click=\"step = 'สาขาที่ร่วมรายการ'\"\r\n                        >\r\n                            <label style=\"font-size: 16px; font-weight: 600; margin: 0\"> สาขาที่ร่วมรายการ </label>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div v-if=\"step == 'เงื่อนไขการใช้งาน'\">\r\n                    <label class=\"description\" v-html=\"privilege_detail.condition\" />\r\n                </div>\r\n                <div v-else>\r\n                    <label class=\"description\" v-html=\"privilege_detail.branch\" />\r\n                </div>\r\n                <div class=\"text-center\" style=\"margin: 0; margin-top: 32px; padding-bottom: 16px; position: sticky; bottom: 0; background-color: #fff; box-shadow: 0 10px 0 #fff, 0 -10px 20px #fff\" v-if=\"privilege_detail.display_button || (!privilege_detail.display_button && privilege_detail.display_button_type == 'm')\">\r\n                    <a-button size=\"large\" class=\"text-center primary-btn ant-button-label-custom\" style=\"border-radius: 0; width: 144px; font-size: 16px\" @click=\"modalGetRight\" :disabled=\"privilege_detail.display_button_type == 'm'\">\r\n                        <strong>กดรับสิทธิ์</strong>\r\n                    </a-button>\r\n                </div>\r\n                <modal-form ref=\"modalForm\" :key=\"modal_visible\" :visible=\"modal_visible\" :data=\"modal_data\" @on-save=\"onModalSave\" @on-cancel=\"onModalCancel\" />\r\n            </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    </a-spin>\r\n</template>\r\n<script>\r\nimport store from 'store';\r\nimport navbar from '../../components/navbar';\r\nimport modalForm from './../privilege-choice/modalForm';\r\nexport default {\r\n    components: {\r\n        navbar,\r\n        modalForm,\r\n    },\r\n    data: function () {\r\n        return {\r\n            getting_data: true,\r\n            loading: false,\r\n            modal_visible: false,\r\n            modal_data: {},\r\n            privilege_detail: {},\r\n            step: 'เงื่อนไขการใช้งาน',\r\n            priv_id: this.$route.query.priv_id,\r\n            package_id: null,\r\n            choice_id: null,\r\n        };\r\n    },\r\n    mounted() {\r\n        this._mounted();\r\n        console.log('this.$route.query', this.$route.query);\r\n    },\r\n    methods: {\r\n        _mounted: function () {\r\n            this.getPrivilegeDetail(() => (this.getting_data = false));\r\n        },\r\n        toggleFavorite(privilege_detail) {\r\n            var url;\r\n            if (!privilege_detail.button_favorite) {\r\n                url = '/api/favorite/delete';\r\n            } else {\r\n                url = '/api/favorite/add';\r\n            }\r\n            this.loading = true;\r\n            this.$store.dispatch('user/POST', {\r\n                payload: {\r\n                    path: url,\r\n                    data: {\r\n                        xid: privilege_detail.priv_id,\r\n                        type: 'privilege',\r\n                    },\r\n                    callback: (res) => {\r\n                        console.log('res', res);\r\n                        if (res && res.result == 'complete') {\r\n                            this.getPrivilegeDetail();\r\n                        } else {\r\n                            const complete = {\r\n                                title: '',\r\n                            };\r\n                            for (const [key, value] of Object.entries(res.errors)) {\r\n                                if (key) {\r\n                                    console.log('value[0]', value[0]);\r\n                                    complete.title += value[0];\r\n                                }\r\n                            }\r\n                            this.$confirm({\r\n                                title: complete.title,\r\n                                button: {\r\n                                    yes: 'ปิดหน้าต่าง',\r\n                                },\r\n                                callback: (confirm) => {},\r\n                            });\r\n                        }\r\n                        this.loading = false;\r\n                    },\r\n                },\r\n            });\r\n        },\r\n        onModalSave() {\r\n            this.modal_visible = false;\r\n            this.package_id = null;\r\n            this.choice_id = this.modal_data.choice ? this.modal_data.choice.choice_id : null;\r\n            this.getPrivilegeGenerate(() => (this.loading = false));\r\n        },\r\n        onModalCancel() {\r\n            this.modal_visible = false;\r\n        },\r\n        getPrivilegeDetail: function (callback = null) {\r\n            this.$store.dispatch('user/POST', {\r\n                payload: {\r\n                    path: '/api/privilege/detail',\r\n                    data: {\r\n                        priv_id: this.priv_id,\r\n                    },\r\n                    callback: (res) => {\r\n                        if (res) {\r\n                            this.privilege_detail = res;\r\n                            if (typeof callback == 'function') callback();\r\n                        } else if (typeof callback == 'function') callback();\r\n                    },\r\n                },\r\n            });\r\n        },\r\n        modalGetRight() {\r\n            if (this.privilege_detail.choices.length > 1) {\r\n                this.$router.replace({\r\n                    path: '/privilege-choice',\r\n                    query: { priv_id: this.priv_id },\r\n                });\r\n            } else {\r\n                this.modal_data.choice = this.privilege_detail.choices[0];\r\n                this.modal_data.choice.count_time = this.privilege_detail ? this.privilege_detail.count_time : 0;\r\n                this.modal_data.step = 'confirm';\r\n                this.modal_visible = true;\r\n                console.log('  this.modal_data', this.modal_data);\r\n                console.log('  this.modal_visible', this.modal_visible);\r\n            }\r\n        },\r\n        getPrivilegeGenerate: function (callback = null) {\r\n            this.loading = true;\r\n            this.$store.dispatch('user/POST', {\r\n                payload: {\r\n                    path: '/api/privilege/generate',\r\n                    data: {\r\n                        priv_id: this.priv_id,\r\n                        package_id: this.package_id,\r\n                        choice_id: this.choice_id,\r\n                    },\r\n                    callback: (res) => {\r\n                        console.log('generate res-->', res);\r\n                        if (res && res.result == 'errors') {\r\n                            console.log('error---->');\r\n                            const complete = {\r\n                                title: '',\r\n                            };\r\n                            for (const [, value] of Object.entries(res.errors)) {\r\n                                complete.title += value[0];\r\n                            }\r\n                            // if (this.$mode == 'production') {\r\n                            this.modal_visible = true;\r\n                            this.modal_data.step = 'error_generate';\r\n                            this.modal_data.message = complete.title;\r\n                            // }\r\n                        } else {\r\n                            store.set('privilege_generate', res);\r\n                            this.r('/privilege-generate', {\r\n                                priv_id: this.priv_id,\r\n                                package_id: this.package_id,\r\n                            });\r\n                        }\r\n                        if (typeof callback == 'function') callback();\r\n                    },\r\n                },\r\n            });\r\n        },\r\n    },\r\n};\r\n</script>\r\n<style scoped>\r\n.slide {\r\n    background-color: transparent;\r\n    width: 100%;\r\n    text-align: center;\r\n}\r\n.image {\r\n    width: 100%;\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 0 0 16px;\r\n    color: #000 !important;\r\n    /* display: -webkit-box; */\r\n    -webkit-line-clamp: 3;\r\n    -webkit-box-orient: vertical;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n}\r\n.description-read-all {\r\n    font-size: 16px;\r\n    font-weight: 300;\r\n    margin: 0 0 0 16px;\r\n    color: #707070 !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</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=489cadc6&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=489cadc6&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  \"489cadc6\",\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","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!./modalForm.vue?vue&type=style&index=0&id=34171412&scoped=true&lang=css&\"","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=489cadc6&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.data.step == 'confirm')?[_c('a-modal',{attrs:{\"centered\":\"\",\"bodyStyle\":{ padding: 0 },\"visible\":_vm.visible,\"closable\":false,\"footer\":null}},[_c('div',{staticClass:\"custom-modal-header\"},[_c('label',{staticClass:\"custom-modal-header-title\"},[_vm._v(\" \"+_vm._s(_vm.$t('รับสิทธิ์'))+\" \")])]),(_vm.data.label)?_c('div',{staticClass:\"custom-modal-body\"},[_c('span',{staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(_vm.data && _vm.data.choice ? _vm.data.choice.label_top : '')+\" \")]),_c('span',{staticStyle:{\"display\":\"block\"}},[_vm._v(\" \"+_vm._s(_vm.data && _vm.data.choice ? _vm.data.choice.label : '')+\" \")])]):_vm._e(),_c('div',{staticClass:\"custom-modal-body\"},[_c('div',{staticClass:\"custom-modal-body-detail-2\"},[_c('span',{staticStyle:{\"display\":\"block\"}},[_vm._v(\" รหัสรับสิทธิ์ มีอายุ \"+_vm._s(_vm.data && _vm.data.choice && _vm.data.choice.count_time ? Number(_vm.data.choice.count_time / 60) : '')+\" นาที หลังกด \")]),_c('span',{staticStyle:{\"display\":\"block\"}},[_vm._v(\" ปุ่ม \\\"ยืนยัน\\\" กรุณากดรับสิทธิ์ต่อ \")]),_c('span',{staticStyle:{\"display\":\"block\"}},[_vm._v(\" หน้าเจ้าหน้าที่ และศึกษาเงื่อนไขก่อน \")]),_c('span',{staticStyle:{\"display\":\"block\"}},[_vm._v(\" การใช้บริการ \")])])]),_c('div',{staticClass:\"custom-modal-footer\"},[_c('a-button',{key:\"back\",staticClass:\"custom-modal-footer-single-cancel-btn mr-4\",attrs:{\"size\":\"large\"},on:{\"click\":function($event){return _vm.cancel()}}},[_vm._v(\" \"+_vm._s(_vm.$t('ยกเลิก'))+\" \")]),_c('a-button',{key:\"back\",staticClass:\"custom-modal-footer-single-confirm-btn ml-4\",attrs:{\"size\":\"large\"},on:{\"click\":function($event){return _vm.create()}}},[_vm._v(\" \"+_vm._s(_vm.$t('ยืนยัน'))+\" \")])],1)])]:(_vm.data.step == 'back')?[_c('a-modal',{attrs:{\"centered\":\"\",\"bodyStyle\":{ padding: 0 },\"visible\":_vm.visible,\"closable\":false,\"footer\":null}},[_c('div',{staticClass:\"custom-modal-header\"},[_c('label',{staticClass:\"custom-modal-header-title\"},[_vm._v(\" \"+_vm._s(_vm.data.title)+\" \")])]),_c('div',{staticClass:\"custom-modal-body\"},[_c('label',{staticClass:\"custom-modal-body-detail\",domProps:{\"innerHTML\":_vm._s(_vm.data.message)}})]),_c('div',{staticClass:\"custom-modal-footer\"},[_c('a-button',{key:\"back\",staticClass:\"custom-modal-footer-single-cancel-btn mr-4\",attrs:{\"size\":\"large\"},on:{\"click\":function($event){return _vm.cancel()}}},[_vm._v(\" \"+_vm._s(_vm.$t('ยกเลิก'))+\" \")]),_c('a-button',{key:\"back\",staticClass:\"custom-modal-footer-single-confirm-btn ml-4\",attrs:{\"size\":\"large\"},on:{\"click\":function($event){return _vm.confirm()}}},[_vm._v(\" \"+_vm._s(_vm.$t('ยืนยัน'))+\" \")])],1)])]:(_vm.data.step == 'error')?[_c('a-modal',{attrs:{\"centered\":\"\",\"bodyStyle\":{ padding: 0 },\"visible\":_vm.visible,\"closable\":false,\"footer\":null}},[_c('div',{staticClass:\"custom-modal-body\"},[_c('label',{staticClass:\"custom-modal-body-detail\",domProps:{\"innerHTML\":_vm._s(_vm.data.message)}})]),_c('div',{staticClass:\"custom-modal-footer\"},[_c('a-button',{key:\"back\",staticClass:\"custom-modal-footer-single-close-btn\",staticStyle:{\"width\":\"100% !important\"},on:{\"click\":function($event){return _vm.onCloseError()}}},[_vm._v(\" \"+_vm._s(_vm.$t('ปิดหน้าต่าง'))+\" \")])],1)])]:[_c('a-modal',{attrs:{\"centered\":\"\",\"bodyStyle\":{ padding: 0 },\"visible\":_vm.visible,\"closable\":false,\"footer\":null}},[_c('div',{staticClass:\"custom-modal-body\"},[_c('label',{staticClass:\"custom-modal-body-detail\",domProps:{\"innerHTML\":_vm._s(_vm.data.message)}})]),_c('div',{staticClass:\"custom-modal-footer\"},[_c('a-button',{key:\"back\",staticClass:\"custom-modal-footer-single-close-btn\",staticStyle:{\"width\":\"100% !important\"},on:{\"click\":function($event){return _vm.cancel()}}},[_vm._v(\" \"+_vm._s(_vm.$t('ปิดหน้าต่าง'))+\" \")])],1)])]],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <template v-if=\"data.step == 'confirm'\">\r\n            <a-modal centered :bodyStyle=\"{ padding: 0 }\" :visible=\"visible\" :closable=\"false\" :footer=\"null\">\r\n                <!-- header -->\r\n                <div class=\"custom-modal-header\">\r\n                    <label class=\"custom-modal-header-title\">\r\n                        {{ $t('รับสิทธิ์') }}\r\n                    </label>\r\n                </div>\r\n                <div class=\"custom-modal-body\" v-if=\"data.label\">\r\n                    <span style=\"display: block\">\r\n                        {{ data && data.choice ? data.choice.label_top : '' }}\r\n                    </span>\r\n                    <span style=\"display: block\">\r\n                        {{ data && data.choice ? data.choice.label : '' }}\r\n                    </span>\r\n                </div>\r\n                <div class=\"custom-modal-body\">\r\n                    <div class=\"custom-modal-body-detail-2\">\r\n                        <span style=\"display: block\">\r\n                            รหัสรับสิทธิ์ มีอายุ\r\n                            {{ data && data.choice && data.choice.count_time ? Number(data.choice.count_time / 60) : '' }}\r\n                            นาที หลังกด\r\n                        </span>\r\n                        <span style=\"display: block\"> ปุ่ม \"ยืนยัน\" กรุณากดรับสิทธิ์ต่อ </span>\r\n                        <span style=\"display: block\"> หน้าเจ้าหน้าที่ และศึกษาเงื่อนไขก่อน </span>\r\n                        <span style=\"display: block\"> การใช้บริการ </span>\r\n                    </div>\r\n                </div>\r\n                <!-- footer -->\r\n                <div class=\"custom-modal-footer\">\r\n                    <a-button key=\"back\" size=\"large\" class=\"custom-modal-footer-single-cancel-btn mr-4\" @click=\"cancel()\">\r\n                        {{ $t('ยกเลิก') }}\r\n                    </a-button>\r\n                    <a-button key=\"back\" size=\"large\" class=\"custom-modal-footer-single-confirm-btn ml-4\" @click=\"create()\">\r\n                        {{ $t('ยืนยัน') }}\r\n                    </a-button>\r\n                </div>\r\n            </a-modal>\r\n        </template>\r\n        <template v-else-if=\"data.step == 'back'\">\r\n            <a-modal centered :bodyStyle=\"{ padding: 0 }\" :visible=\"visible\" :closable=\"false\" :footer=\"null\">\r\n                <div class=\"custom-modal-header\">\r\n                    <label class=\"custom-modal-header-title\">\r\n                        {{ data.title }}\r\n                    </label>\r\n                </div>\r\n                <div class=\"custom-modal-body\">\r\n                    <label class=\"custom-modal-body-detail\" v-html=\"data.message\"> </label>\r\n                </div>\r\n                <div class=\"custom-modal-footer\">\r\n                    <a-button key=\"back\" size=\"large\" class=\"custom-modal-footer-single-cancel-btn mr-4\" @click=\"cancel()\">\r\n                        {{ $t('ยกเลิก') }}\r\n                    </a-button>\r\n                    <a-button key=\"back\" size=\"large\" class=\"custom-modal-footer-single-confirm-btn ml-4\" @click=\"confirm()\">\r\n                        {{ $t('ยืนยัน') }}\r\n                    </a-button>\r\n                </div>\r\n            </a-modal>\r\n        </template>\r\n        <template v-else-if=\"data.step == 'error'\">\r\n            <a-modal centered :bodyStyle=\"{ padding: 0 }\" :visible=\"visible\" :closable=\"false\" :footer=\"null\">\r\n                <div class=\"custom-modal-body\">\r\n                    <label class=\"custom-modal-body-detail\" v-html=\"data.message\"> </label>\r\n                </div>\r\n                <!-- footer -->\r\n                <div class=\"custom-modal-footer\">\r\n                    <a-button key=\"back\" class=\"custom-modal-footer-single-close-btn\" style=\"width: 100% !important\" @click=\"onCloseError()\">\r\n                        {{ $t('ปิดหน้าต่าง') }}\r\n                    </a-button>\r\n                </div>\r\n            </a-modal>\r\n        </template>\r\n        <template v-else>\r\n            <a-modal centered :bodyStyle=\"{ padding: 0 }\" :visible=\"visible\" :closable=\"false\" :footer=\"null\">\r\n                <div class=\"custom-modal-body\">\r\n                    <label class=\"custom-modal-body-detail\" v-html=\"data.message\"> </label>\r\n                </div>\r\n                <!-- footer -->\r\n                <div class=\"custom-modal-footer\">\r\n                    <a-button key=\"back\" class=\"custom-modal-footer-single-close-btn\" style=\"width: 100% !important\" @click=\"cancel()\">\r\n                        {{ $t('ปิดหน้าต่าง') }}\r\n                    </a-button>\r\n                </div>\r\n            </a-modal>\r\n        </template>\r\n    </div>\r\n</template>\r\n<script>\r\nexport default {\r\n    props: ['visible', 'data'],\r\n    beforeCreate() {\r\n        this.form = this.$form.createForm(this, { name: 'form_in_modal' });\r\n    },\r\n    data() {\r\n        return {};\r\n    },\r\n    mounted() {\r\n        console.log('visible s', this.visible);\r\n        console.log('data', this.data);\r\n    },\r\n    methods: {\r\n        cancel() {\r\n            this.$emit('on-cancel');\r\n        },\r\n        create() {\r\n            this.$emit('on-save');\r\n        },\r\n        confirm() {\r\n            this.$emit('on-confirm');\r\n        },\r\n        onCloseError() {\r\n            this.$router.push({\r\n                path: '/privilege',\r\n            });\r\n        },\r\n    },\r\n};\r\n</script>\r\n<style scoped>\r\n.custom-modal-header {\r\n    background: transparent;\r\n    padding: 8px 12px;\r\n    padding-bottom: 0;\r\n    text-align: center;\r\n    border-radius: 10px 10px 0 0;\r\n}\r\n.custom-modal-header-title {\r\n    color: #ffffff !important;\r\n    font-size: 23px;\r\n    font-weight: 600;\r\n}\r\n.custom-modal-body {\r\n    color: #ff7105 !important;\r\n    background: transparent;\r\n    padding: 16px 10px;\r\n    padding-bottom: 0;\r\n    text-align: center;\r\n}\r\n.custom-modal-body-detail {\r\n    color: #000 !important;\r\n    font-size: 14px;\r\n    font-weight: 300;\r\n}\r\n.custom-modal-body-detail-2 {\r\n    color: #141322 !important;\r\n    font-size: 14px;\r\n    font-weight: 300;\r\n}\r\n.custom-modal-footer {\r\n    background: transparent;\r\n    padding: 16px 10px;\r\n    text-align: center;\r\n}\r\n.custom-modal-footer-single-confirm-btn {\r\n    background: #cc0000 !important;\r\n    color: #fff !important;\r\n    width: 40% !important;\r\n    border-radius: 20px !important;\r\n    font-size: 18px !important;\r\n}\r\n.custom-modal-footer-single-cancel-btn {\r\n    background: #fff !important;\r\n    border-color: #cc0000 !important;\r\n    color: #cc0000 !important;\r\n    width: 40% !important;\r\n    border-radius: 20px !important;\r\n    font-size: 18px !important;\r\n}\r\n.custom-modal-footer-single-close-btn {\r\n    background: linear-gradient(0deg, #ff7105, #ff9500 100%) no-repeat;\r\n    color: #fff;\r\n    width: 100%;\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!./modalForm.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!./modalForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./modalForm.vue?vue&type=template&id=34171412&scoped=true&\"\nimport script from \"./modalForm.vue?vue&type=script&lang=js&\"\nexport * from \"./modalForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./modalForm.vue?vue&type=style&index=0&id=34171412&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  \"34171412\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}