{"version":3,"sources":["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:///./src/views/privilege-choice/index.vue?5183","webpack:///src/views/privilege-choice/index.vue","webpack:///./src/views/privilege-choice/index.vue?30cd","webpack:///./src/views/privilege-choice/index.vue","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/privilege-choice/index.vue?cc60","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":["_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","render","_vm","this","_h","$createElement","_c","_self","attrs","$t","getting_data","loading","back_path","$device","privilege_detail","title","staticStyle","staticClass","_v","_l","choice","idx","key","style","margin","padding","color","remain","backgroundColor","on","$event","handleChoice","label_top","label","modal_visible","ref","modal_data","onModalSave","onModalCancel","staticRenderFns","component","$","$entries","entries","target","stat","O","DESCRIPTORS","objectKeys","toIndexedObject","propertyIsEnumerable","f","createMethod","TO_ENTRIES","it","keys","result","call","module","exports","values","data","step","visible","count_time","Number","cancel","create","domProps","message","confirm","onCloseError"],"mappings":"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","file":"js/chunk-5461daa8.4bc12851.js","sourcesContent":["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 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\":_vm.back_path || '/privilege',\"navbar_sub_visible\":_vm.$device != 'mobile',\"active_screen\":\"privilege\",\"content_title\":_vm.privilege_detail.title}}),_c('div',{staticStyle:{\"background-color\":\"#fff\",\"width\":\"100vw\"}},[_c('div',{staticStyle:{\"justify-content\":\"space-between\",\"display\":\"flex\"}},[_c('label',{staticClass:\"title\"},[_vm._v(\" กรุณาเลือกคูปองที่ต้องการ \")])]),_c('div',{staticStyle:{\"width\":\"100%\",\"padding\":\"0px 16px 16px 16px\"}},_vm._l((_vm.privilege_detail.choices),function(choice,idx){return _c('div',{key:idx,staticClass:\"text-center\",style:({\n                        margin: '16px 0 0 0',\n                        padding: '12px',\n                        color: choice.remain > 0 ? '#fff' : '#000',\n                        backgroundColor: choice.remain > 0 ? '#ff7105' : '#A8A9AD',\n                    }),on:{\"click\":function($event){choice.remain > 0 ? _vm.handleChoice(choice) : ''}}},[_c('span',{staticStyle:{\"font-size\":\"16px\",\"font-weight\":\"300\",\"display\":\"block\"}},[_vm._v(_vm._s(choice.label_top))]),_c('span',{staticStyle:{\"font-size\":\"16px\",\"font-weight\":\"300\",\"display\":\"block\"}},[_vm._v(_vm._s(choice.label))])])}),0)]),_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}}),(_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=\"back_path || '/privilege'\" :navbar_sub_visible=\"$device != 'mobile'\" active_screen=\"privilege\" :content_title=\"privilege_detail.title\" />\r\n            <div style=\"background-color: #fff; width: 100vw\">\r\n                <div style=\"justify-content: space-between; display: flex\">\r\n                    <label class=\"title\"> กรุณาเลือกคูปองที่ต้องการ </label>\r\n                </div>\r\n                <div style=\"width: 100%; padding: 0px 16px 16px 16px\">\r\n                    <div\r\n                        v-for=\"(choice, idx) in privilege_detail.choices\"\r\n                        :key=\"idx\"\r\n                        class=\"text-center\"\r\n                        @click=\"choice.remain > 0 ? handleChoice(choice) : ''\"\r\n                        :style=\"{\r\n                            margin: '16px 0 0 0',\r\n                            padding: '12px',\r\n                            color: choice.remain > 0 ? '#fff' : '#000',\r\n                            backgroundColor: choice.remain > 0 ? '#ff7105' : '#A8A9AD',\r\n                        }\"\r\n                    >\r\n                        <span style=\"font-size: 16px; font-weight: 300; display: block\">{{ choice.label_top }}</span>\r\n                        <span style=\"font-size: 16px; font-weight: 300; display: block\">{{ choice.label }}</span>\r\n                    </div>\r\n                </div>\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 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 './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            priv_id: this.$route.query.priv_id,\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.getPrivilegeChoice(() => (this.getting_data = false));\r\n        },\r\n        getPrivilegeChoice: 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        handleChoice(choice) {\r\n            this.modal_data.label = true;\r\n            this.modal_data.choice = choice;\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            console.log(' this.modal_data', this.modal_data);\r\n            this.modal_visible = true;\r\n        },\r\n        onModalSave() {\r\n            this.modal_visible = false;\r\n            this.getPrivilegeGenerate(() => (this.getting_data = false));\r\n            // this.$router.replace({\r\n            //   path: '/privilege-generate',\r\n            //   query: {\r\n            //     priv_id: this.priv_id,\r\n            //     package_id: null,\r\n            //     choice_id: this.modal_data.choice\r\n            //       ? this.modal_data.choice.choice_id\r\n            //       : null,\r\n            //   },\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: null,\r\n                        choice_id: this.modal_data.choice ? this.modal_data.choice.choice_id : null,\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: null,\r\n                                choice_id: this.modal_data.choice ? this.modal_data.choice.choice_id : null,\r\n                            });\r\n                        }\r\n                        if (typeof callback == 'function') callback();\r\n                    },\r\n                },\r\n            });\r\n        },\r\n        onModalCancel() {\r\n            this.modal_visible = false;\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: 16px;\r\n    font-weight: 600;\r\n    margin: 8px 8px 0 16px;\r\n    color: #000 !important;\r\n}\r\n.description {\r\n    font-size: 14px;\r\n    font-weight: 300;\r\n    margin: 0 0 0 16px;\r\n    color: #ffffff !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=18d47e6f&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=18d47e6f&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  \"18d47e6f\",\n  null\n  \n)\n\nexport default component.exports","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=18d47e6f&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":""}