{"version":3,"sources":["webpack:///./src/views/ticket-system-report-create/modalForm.vue?8975","webpack:///./node_modules/vue-clickaway/dist/vue-clickaway.common.js","webpack:///./src/views/ticket-system-report-create/modalForm.vue?a69d","webpack:///./src/views/ticket-system-report-create/index.vue?a8cf","webpack:///./src/views/ticket-system-report-create/modalForm.vue?d312","webpack:///src/views/ticket-system-report-create/modalForm.vue","webpack:///./src/views/ticket-system-report-create/modalForm.vue?483e","webpack:///./src/views/ticket-system-report-create/modalForm.vue","webpack:///src/views/ticket-system-report-create/index.vue","webpack:///./src/views/ticket-system-report-create/index.vue?827f","webpack:///./src/views/ticket-system-report-create/index.vue"],"names":["Vue","version","compatible","test","util","warn","HANDLER","bind","el","binding","vnode","unbind","vm","context","callback","value","initialMacrotaskEnded","setTimeout","ev","path","composedPath","undefined","indexOf","contains","target","call","document","documentElement","addEventListener","removeEventListener","directive","update","oldValue","mixin","directives","onClickaway","exports","render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","staticStyle","form","_v","_s","$t","name","rawName","rules","required","message","expression","on","handleSelectTypeLevel0","_l","v","k","key","handleSelectTypeLevel1","handleSelectTypeLevel2","initialValue","problemDateFormat","defaultValue","moment","minRows","maxRows","handleUploadImage","uploadedImage","$event","$router","replace","onSave","modal_visible","modal_step","modal_data","onModalCancel","onModalConfirm","staticRenderFns","visible","data","title","_e","step","confirm","cancel","component"],"mappings":"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","file":"js/chunk-0dc1b6e2.3bb81533.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!./modalForm.vue?vue&type=style&index=1&id=7d143266&scoped=true&lang=css&\"","'use strict';\r\n\r\nvar Vue = require('vue');\r\nVue = 'default' in Vue ? Vue['default'] : Vue;\r\n\r\nvar version = '2.2.2';\r\n\r\nvar compatible = (/^2\\./).test(Vue.version);\r\nif (!compatible) {\r\n  Vue.util.warn('VueClickaway ' + version + ' only supports Vue 2.x, and does not support Vue ' + Vue.version);\r\n}\r\n\r\n\r\n\r\n// @SECTION: implementation\r\n\r\nvar HANDLER = '_vue_clickaway_handler';\r\n\r\nfunction bind(el, binding, vnode) {\r\n  unbind(el);\r\n\r\n  var vm = vnode.context;\r\n\r\n  var callback = binding.value;\r\n  if (typeof callback !== 'function') {\r\n    if (process.env.NODE_ENV !== 'production') {\r\n      Vue.util.warn(\r\n        'v-' + binding.name + '=\"' +\r\n        binding.expression + '\" expects a function value, ' +\r\n        'got ' + callback\r\n      );\r\n    }\r\n    return;\r\n  }\r\n\r\n  // @NOTE: Vue binds directives in microtasks, while UI events are dispatched\r\n  //        in macrotasks. This causes the listener to be set up before\r\n  //        the \"origin\" click event (the event that lead to the binding of\r\n  //        the directive) arrives at the document root. To work around that,\r\n  //        we ignore events until the end of the \"initial\" macrotask.\r\n  // @REFERENCE: https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/\r\n  // @REFERENCE: https://github.com/simplesmiler/vue-clickaway/issues/8\r\n  var initialMacrotaskEnded = false;\r\n  setTimeout(function() {\r\n    initialMacrotaskEnded = true;\r\n  }, 0);\r\n\r\n  el[HANDLER] = function(ev) {\r\n    // @NOTE: this test used to be just `el.containts`, but working with path is better,\r\n    //        because it tests whether the element was there at the time of\r\n    //        the click, not whether it is there now, that the event has arrived\r\n    //        to the top.\r\n    // @NOTE: `.path` is non-standard, the standard way is `.composedPath()`\r\n    var path = ev.path || (ev.composedPath ? ev.composedPath() : undefined);\r\n    if (initialMacrotaskEnded && (path ? path.indexOf(el) < 0 : !el.contains(ev.target))) {\r\n      return callback.call(vm, ev);\r\n    }\r\n  };\r\n\r\n  document.documentElement.addEventListener('click', el[HANDLER], false);\r\n}\r\n\r\nfunction unbind(el) {\r\n  document.documentElement.removeEventListener('click', el[HANDLER], false);\r\n  delete el[HANDLER];\r\n}\r\n\r\nvar directive = {\r\n  bind: bind,\r\n  update: function(el, binding) {\r\n    if (binding.value === binding.oldValue) return;\r\n    bind(el, binding);\r\n  },\r\n  unbind: unbind,\r\n};\r\n\r\nvar mixin = {\r\n  directives: { onClickaway: directive },\r\n};\r\n\r\nexports.version = version;\r\nexports.directive = directive;\r\nexports.mixin = mixin;","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&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('navbar',{attrs:{\"hide_search\":true,\"back_path\":\"/ticket-system-report\",\"active_screen\":\"แจ้งปัญหาการใช้งาน\"}}),_c('div',{staticClass:\"ml-mr-mb-20\"},[_c('div',{staticClass:\"br-20\",staticStyle:{\"background-color\":\"#fff\"}},[_c('div',{staticClass:\"p-20\"},[_c('a-form',{attrs:{\"form\":_vm.form,\"layout\":\"vertical\"}},[_c('div',{staticClass:\"row\"},[_c('a-form-item',{staticClass:\"w-100\"},[_c('span',{staticClass:\"fs-18 fw-600 black\"},[_vm._v(_vm._s(_vm.$t('ประเภทเรื่องหลัก')))]),_c('span',{staticClass:\"fs-18 fw-600 red\"},[_vm._v(\" *\")]),_c('a-select',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:(['ticket_type_level0', { rules: [{ required: true, message: 'กรุณาเลือกประเภทหลัก' }] }]),expression:\"['ticket_type_level0', { rules: [{ required: true, message: 'กรุณาเลือกประเภทหลัก' }] }]\"}],staticClass:\"fs-16 fw-600 black\",attrs:{\"placeholder\":_vm.$t('กรุณาเลือกประเภทหลัก')},on:{\"change\":_vm.handleSelectTypeLevel0}},_vm._l((_vm.type_level0),function(v,k){return _c('a-select-option',{key:k,staticClass:\"black\",attrs:{\"value\":v.name}},[_vm._v(\" \"+_vm._s(v.name)+\" \")])}),1)],1)],1),_c('div',{staticClass:\"row\"},[_c('a-form-item',{staticClass:\"w-100\"},[_c('span',{staticClass:\"fs-18 fw-600 black\"},[_vm._v(_vm._s(_vm.$t('ประเภทเรื่องย่อย')))]),_c('span',{staticClass:\"fs-18 fw-600 red\"},[_vm._v(\" *\")]),_c('a-select',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:(['ticket_type_level1', { rules: [{ required: true, message: 'กรุณาเลือกประเภทรอง' }] }]),expression:\"['ticket_type_level1', { rules: [{ required: true, message: 'กรุณาเลือกประเภทรอง' }] }]\"}],staticClass:\"fs-16 fw-600 black\",attrs:{\"placeholder\":_vm.$t('กรุณาเลือกประเภทรอง')},on:{\"change\":_vm.handleSelectTypeLevel1}},_vm._l((_vm.type_level1),function(v,k){return _c('a-select-option',{key:k,staticClass:\"black\",attrs:{\"value\":v.name}},[_vm._v(\" \"+_vm._s(v.name)+\" \")])}),1)],1)],1),_c('div',{staticClass:\"row\"},[_c('a-form-item',{staticClass:\"w-100\"},[_c('span',{staticClass:\"fs-18 fw-600 black\"},[_vm._v(_vm._s(_vm.$t('ชื่อเรื่อง')))]),_c('span',{staticClass:\"fs-18 fw-600 red\"},[_vm._v(\" *\")]),_c('a-select',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:(['ticket_type_level2', { rules: [{ required: true, message: 'กรุณาเลือกเรื่อง' }] }]),expression:\"['ticket_type_level2', { rules: [{ required: true, message: 'กรุณาเลือกเรื่อง' }] }]\"}],staticClass:\"fs-16 fw-600 black\",attrs:{\"placeholder\":_vm.$t('กรุณาเลือกเรื่อง')},on:{\"change\":_vm.handleSelectTypeLevel2}},_vm._l((_vm.type_level2),function(v,k){return _c('a-select-option',{key:k,staticClass:\"black\",attrs:{\"value\":v.name}},[_vm._v(\" \"+_vm._s(v.name)+\" \")])}),1)],1)],1),_c('div',{staticClass:\"row\"},[_c('a-form-item',{staticClass:\"w-100\"},[_c('span',{staticClass:\"fs-18 fw-600 black\"},[_vm._v(_vm._s(_vm.$t('วันที่เจอปัญหา')))]),_c('span',{staticClass:\"fs-13 fw-600 black\"},[_vm._v(\" \"+_vm._s(_vm.$t('(โดยประมาณ)')))]),_c('a-date-picker',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:(['problem_date', { initialValue: null }]),expression:\"['problem_date', { initialValue: null }]\"}],staticClass:\"w-100\",attrs:{\"placeholder\":_vm.$t('กรุณาเลือกวัน'),\"format\":_vm.problemDateFormat,\"show-time\":{ defaultValue: _vm.moment('00:00:00', 'HH:mm:ss') },\"show-second\":false}})],1)],1),_c('div',{staticClass:\"row\"},[_c('a-form-item',{staticClass:\"w-100\"},[_c('span',{staticClass:\"fs-18 fw-600 black\"},[_vm._v(_vm._s(_vm.$t('รายละเอียด')))]),_c('span',{staticClass:\"fs-18 fw-600 red\"},[_vm._v(\" *\")]),_c('a-textarea',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:(['detail', { rules: [{ required: true, message: 'กรุณาระบุคำบรรยาย' }] }]),expression:\"['detail', { rules: [{ required: true, message: 'กรุณาระบุคำบรรยาย' }] }]\"}],attrs:{\"placeholder\":_vm.$t('กรุณาระบุคำบรรยาย'),\"auto-size\":{ minRows: 4, maxRows: 4 }}})],1)],1),_c('div',{staticClass:\"row\"},[_c('a-form-item',{staticClass:\"w-100\"},[_c('span',{staticClass:\"fs-18 fw-600 black\"},[_vm._v(_vm._s(_vm.$t('ภาพประกอบ')))]),(_vm.require_pic)?_c('span',{staticClass:\"fs-18 fw-600 red\"},[_vm._v(\" *\")]):_c('span',{staticClass:\"fs-13 fw-600 black\"},[_vm._v(\" \"+_vm._s(_vm.$t('(ถ้ามี)')))]),_c('div',{staticClass:\"clickable\"},[_c('a-upload',{attrs:{\"showUploadList\":false},on:{\"change\":_vm.handleUploadImage}},[_c('img',{attrs:{\"src\":_vm.uploadedImage}})])],1)])],1),_c('div',{staticClass:\"row text-center\"},[_c('div',{staticClass:\"col-6\"},[_c('a-button',{staticClass:\"text-center default-btn br-20 w-90 mr-8\",attrs:{\"size\":\"large\"},on:{\"click\":function($event){return _vm.$router.replace({ path: '/ticket-system-report' })}}},[_c('span',{staticClass:\"fs-18 color-red\"},[_vm._v(\" \"+_vm._s(_vm.$t('ยกเลิก')))])])],1),_c('div',{staticClass:\"col-6\"},[_c('a-button',{staticClass:\"text-center bg-red br-20 w-90 ml-8\",attrs:{\"size\":\"large\"},on:{\"click\":function($event){return _vm.onSave()}}},[_c('span',{staticClass:\"fs-18 color-white\"},[_vm._v(\" \"+_vm._s(_vm.$t('ยืนยัน')))])])],1)])])],1)])]),_c('modal-form',{attrs:{\"visible\":_vm.modal_visible,\"step\":_vm.modal_step,\"data\":_vm.modal_data},on:{\"on-cancel\":_vm.onModalCancel,\"on-confirm\":_vm.onModalConfirm}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.visible)?_c('div',[_c('a-modal',{attrs:{\"centered:bodyStyle\":\"{ padding: 0 }\",\"visible\":_vm.visible,\"closable\":false,\"footer\":null}},[(_vm.data.title)?_c('div',{staticClass:\"custom-modal-header\"},[_c('label',{staticClass:\"custom-modal-header-title fs-20\"},[_c('span',{staticClass:\"color-white\"},[_vm._v(_vm._s(_vm.data.title))])])]):_vm._e(),(_vm.data.message)?_c('div',{staticClass:\"custom-modal-body\"},[_c('label',{staticClass:\"custom-modal-body-detail fs-18\"},[_vm._v(\" \"+_vm._s(_vm.data.message)+\" \")])]):_vm._e(),_c('div',{staticClass:\"custom-modal-footer text-center\"},[(_vm.step == 'success')?_c('a-button',{staticClass:\"text-center bg-red br-20\",attrs:{\"size\":\"large\"},on:{\"click\":function($event){return _vm.confirm()}}},[_c('span',{staticClass:\"fs-18 color-white\"},[_vm._v(\" \"+_vm._s(_vm.$t('รับทราบ')))])]):(_vm.step == 'fail')?_c('a-button',{staticClass:\"text-center bg-red br-20\",attrs:{\"size\":\"large\"},on:{\"click\":function($event){return _vm.cancel()}}},[_c('span',{staticClass:\"fs-18 color-white\"},[_vm._v(\" \"+_vm._s(_vm.$t('ลองใหม่')))])]):_c('a-button',{staticClass:\"text-center bg-red br-20\",attrs:{\"size\":\"large\"},on:{\"click\":function($event){return _vm.cancel()}}},[_c('span',{staticClass:\"fs-18 color-white\"},[_vm._v(\" \"+_vm._s(_vm.$t('ตกลง')))])])],1)])],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div v-if=\"visible\">\r\n        <a-modal centered:bodyStyle=\"{ padding: 0 }\" :visible=\"visible\" :closable=\"false\" :footer=\"null\">\r\n            <div class=\"custom-modal-header\" v-if=\"data.title\">\r\n                <label class=\"custom-modal-header-title fs-20\">\r\n                    <span class=\"color-white\">{{ data.title }}</span>\r\n                </label>\r\n            </div>\r\n            <div class=\"custom-modal-body\" v-if=\"data.message\">\r\n                <label class=\"custom-modal-body-detail fs-18\">\r\n                    {{ data.message }}\r\n                </label>\r\n            </div>\r\n            <!-- footer -->\r\n            <div class=\"custom-modal-footer text-center\">\r\n                <a-button size=\"large\" class=\"text-center bg-red br-20\" @click=\"confirm()\" v-if=\"step == 'success'\">\r\n                    <span class=\"fs-18 color-white\"> {{ $t('รับทราบ') }}</span>\r\n                </a-button>\r\n                <a-button size=\"large\" class=\"text-center bg-red br-20\" @click=\"cancel()\" v-else-if=\"step == 'fail'\">\r\n                    <span class=\"fs-18 color-white\"> {{ $t('ลองใหม่') }}</span>\r\n                </a-button>\r\n                <a-button size=\"large\" class=\"text-center bg-red br-20\" @click=\"cancel()\" v-else>\r\n                    <span class=\"fs-18 color-white\"> {{ $t('ตกลง') }}</span>\r\n                </a-button>\r\n            </div>\r\n        </a-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { directive as onClickaway } from 'vue-clickaway';\r\nexport default {\r\n    props: ['visible', 'step', 'data'],\r\n    data() {\r\n        return {};\r\n    },\r\n    methods: {\r\n        cancel() {\r\n            this.$emit('on-cancel');\r\n        },\r\n        confirm() {\r\n            this.$emit('on-confirm');\r\n        },\r\n    },\r\n    directives: {\r\n        onClickaway: onClickaway,\r\n    },\r\n};\r\n</script>\r\n<style>\r\n.modal {\r\n    z-index: 100000 !important;\r\n}\r\n.modal .modal-content {\r\n    margin: 0px !important;\r\n}\r\n</style>\r\n<style scoped>\r\n.center {\r\n    margin: auto;\r\n    width: 80%;\r\n}\r\n.green {\r\n    color: green;\r\n}\r\n.dropbox {\r\n    outline: 2px dashed grey; /* the dash box */\r\n    outline-offset: -10px;\r\n    /* background: lightcyan; */\r\n    color: dimgray;\r\n    padding: 10px 10px;\r\n    min-height: 20vh; /* minimum height */\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n.input-file {\r\n    opacity: 0; /* invisible but it's there! */\r\n    width: 100%;\r\n    height: 50vh;\r\n    position: absolute;\r\n    cursor: pointer;\r\n}\r\n.dropbox:hover {\r\n    /* background: lightblue; */\r\n}\r\n.dropbox p {\r\n    font-size: 1.2em;\r\n    text-align: center;\r\n    padding: 14vh 0;\r\n}\r\n.remove-image {\r\n    background: #cc0000;\r\n    width: 48px;\r\n    height: 48px;\r\n    line-height: 42px;\r\n    position: absolute;\r\n    /* top: 3vh;\r\n    right: 6.325vw; */\r\n    right: 32px;\r\n    z-index: 1;\r\n}\r\n/* @media screen and (max-width: 480px) {\r\n    .remove-image {\r\n        right: 25px;\r\n    }\r\n} */\r\n.custom-modal-header {\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-header-title {\r\n    color: #141322 !important;\r\n    font-weight: 600;\r\n}\r\n.custom-modal-body {\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: #141322 !important;\r\n    font-weight: 300;\r\n}\r\n.custom-modal-footer {\r\n    background: transparent;\r\n    padding: 16px 10px;\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=7d143266&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&lang=css&\"\nimport style1 from \"./modalForm.vue?vue&type=style&index=1&id=7d143266&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  \"7d143266\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div>\r\n        <navbar :hide_search=\"true\" back_path=\"/ticket-system-report\" active_screen=\"แจ้งปัญหาการใช้งาน\" />\r\n        <div class=\"ml-mr-mb-20\">\r\n            <div class=\"br-20\" style=\"background-color: #fff\">\r\n                <div class=\"p-20\">\r\n                    <a-form :form=\"form\" layout=\"vertical\">\r\n                        <div class=\"row\">\r\n                            <a-form-item class=\"w-100\">\r\n                                <span class=\"fs-18 fw-600 black\">{{ $t('ประเภทเรื่องหลัก') }}</span>\r\n                                <span class=\"fs-18 fw-600 red\"> *</span>\r\n                                <a-select class=\"fs-16 fw-600 black\" :placeholder=\"$t('กรุณาเลือกประเภทหลัก')\" v-decorator=\"['ticket_type_level0', { rules: [{ required: true, message: 'กรุณาเลือกประเภทหลัก' }] }]\" @change=\"handleSelectTypeLevel0\">\r\n                                    <a-select-option class=\"black\" :value=\"v.name\" v-for=\"(v, k) in type_level0\" :key=\"k\"> {{ v.name }} </a-select-option>\r\n                                </a-select>\r\n                            </a-form-item>\r\n                        </div>\r\n                        <div class=\"row\">\r\n                            <a-form-item class=\"w-100\">\r\n                                <span class=\"fs-18 fw-600 black\">{{ $t('ประเภทเรื่องย่อย') }}</span>\r\n                                <span class=\"fs-18 fw-600 red\"> *</span>\r\n                                <a-select class=\"fs-16 fw-600 black\" :placeholder=\"$t('กรุณาเลือกประเภทรอง')\" v-decorator=\"['ticket_type_level1', { rules: [{ required: true, message: 'กรุณาเลือกประเภทรอง' }] }]\" @change=\"handleSelectTypeLevel1\">\r\n                                    <a-select-option class=\"black\" :value=\"v.name\" v-for=\"(v, k) in type_level1\" :key=\"k\"> {{ v.name }} </a-select-option>\r\n                                </a-select>\r\n                            </a-form-item>\r\n                        </div>\r\n                        <div class=\"row\">\r\n                            <a-form-item class=\"w-100\">\r\n                                <span class=\"fs-18 fw-600 black\">{{ $t('ชื่อเรื่อง') }}</span>\r\n                                <span class=\"fs-18 fw-600 red\"> *</span>\r\n                                <a-select class=\"fs-16 fw-600 black\" :placeholder=\"$t('กรุณาเลือกเรื่อง')\" v-decorator=\"['ticket_type_level2', { rules: [{ required: true, message: 'กรุณาเลือกเรื่อง' }] }]\" @change=\"handleSelectTypeLevel2\">\r\n                                    <a-select-option class=\"black\" :value=\"v.name\" v-for=\"(v, k) in type_level2\" :key=\"k\"> {{ v.name }} </a-select-option>\r\n                                </a-select>\r\n                            </a-form-item>\r\n                        </div>\r\n                        <div class=\"row\">\r\n                            <a-form-item class=\"w-100\">\r\n                                <span class=\"fs-18 fw-600 black\">{{ $t('วันที่เจอปัญหา') }}</span>\r\n                                <span class=\"fs-13 fw-600 black\"> {{ $t('(โดยประมาณ)') }}</span>\r\n                                <a-date-picker class=\"w-100\" :placeholder=\"$t('กรุณาเลือกวัน')\" v-decorator=\"['problem_date', { initialValue: null }]\" :format=\"problemDateFormat\" :show-time=\"{ defaultValue: moment('00:00:00', 'HH:mm:ss') }\" :show-second=\"false\" />\r\n                            </a-form-item>\r\n                        </div>\r\n                        <div class=\"row\">\r\n                            <a-form-item class=\"w-100\">\r\n                                <span class=\"fs-18 fw-600 black\">{{ $t('รายละเอียด') }}</span>\r\n                                <span class=\"fs-18 fw-600 red\"> *</span>\r\n                                <a-textarea :placeholder=\"$t('กรุณาระบุคำบรรยาย')\" v-decorator=\"['detail', { rules: [{ required: true, message: 'กรุณาระบุคำบรรยาย' }] }]\" :auto-size=\"{ minRows: 4, maxRows: 4 }\" />\r\n                            </a-form-item>\r\n                        </div>\r\n                        <div class=\"row\">\r\n                            <a-form-item class=\"w-100\">\r\n                                <span class=\"fs-18 fw-600 black\">{{ $t('ภาพประกอบ') }}</span>\r\n                                <span class=\"fs-18 fw-600 red\" v-if=\"require_pic\"> *</span>\r\n                                <span class=\"fs-13 fw-600 black\" v-else> {{ $t('(ถ้ามี)') }}</span>\r\n                                <div class=\"clickable\">\r\n                                    <a-upload :showUploadList=\"false\" @change=\"handleUploadImage\">\r\n                                        <img :src=\"uploadedImage\" />\r\n                                    </a-upload>\r\n                                </div>\r\n                            </a-form-item>\r\n                        </div>\r\n                        <div class=\"row text-center\">\r\n                            <div class=\"col-6\">\r\n                                <a-button size=\"large\" class=\"text-center default-btn br-20 w-90 mr-8\" @click=\"$router.replace({ path: '/ticket-system-report' })\">\r\n                                    <span class=\"fs-18 color-red\"> {{ $t('ยกเลิก') }}</span>\r\n                                </a-button>\r\n                            </div>\r\n                            <div class=\"col-6\">\r\n                                <a-button size=\"large\" class=\"text-center bg-red br-20 w-90 ml-8\" @click=\"onSave()\">\r\n                                    <span class=\"fs-18 color-white\"> {{ $t('ยืนยัน') }}</span>\r\n                                </a-button>\r\n                            </div>\r\n                        </div>\r\n                    </a-form>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <modal-form :visible=\"modal_visible\" :step=\"modal_step\" :data=\"modal_data\" @on-cancel=\"onModalCancel\" @on-confirm=\"onModalConfirm\" />\r\n    </div>\r\n</template>\r\n<script>\r\nimport navbar from '../../components/navbar';\r\nimport _ from 'lodash';\r\nimport moment from 'moment';\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            form: this.$form.createForm(this),\r\n            type_level0: [],\r\n            type_level1: [],\r\n            type_level2: [],\r\n            problemDateFormat: 'LL | HH.mm',\r\n            uploadedImage: require('../../../public/resources/images/ticket-system-report/upload-image.png'),\r\n            attach_file: null,\r\n            modal_visible: false,\r\n            modal_step: null,\r\n            modal_data: {},\r\n            require_pic: false,\r\n        };\r\n    },\r\n    mounted() {\r\n        this.getTypeLevel0();\r\n    },\r\n    methods: {\r\n        getTypeLevel0: _.debounce(function () {\r\n            this.$store.dispatch('user/POST', {\r\n                payload: {\r\n                    path: '/api/problemTicket/type_level0',\r\n                    data: {},\r\n                    callback: (res) => {\r\n                        if (res && res.result == 'complete') this.type_level0 = res.data;\r\n                    },\r\n                },\r\n            });\r\n        }, 250),\r\n        handleSelectTypeLevel0: _.debounce(function (parent) {\r\n            _.each(this.type_level0, (v) => {\r\n                if (v.name == parent) this.require_pic = v.require_pic == 1;\r\n            });\r\n\r\n            this.form.resetFields(['ticket_type_level1', 'ticket_type_level2']);\r\n            this.$store.dispatch('user/POST', {\r\n                payload: {\r\n                    path: '/api/problemTicket/type_level1',\r\n                    data: { parent },\r\n                    callback: (res) => {\r\n                        if (res && res.result == 'complete') this.type_level1 = res.data;\r\n                    },\r\n                },\r\n            });\r\n        }, 250),\r\n        handleSelectTypeLevel1: _.debounce(function (parent) {\r\n            if (parent == 'ข้อมูลวันเกิด' || parent == 'ข้อมูลเบอร์โทรศัพท์มือถือ') {\r\n                this.modal_step = 'other';\r\n                this.modal_data.title = 'แจ้งเตือน';\r\n                this.modal_data.message = 'โปรดอัปโหลดสำเนาบัตรประชาชนเพื่อยืนยันตัวตน';\r\n                this.modal_visible = true;\r\n            }\r\n            this.form.resetFields(['ticket_type_level2']);\r\n            this.$store.dispatch('user/POST', {\r\n                payload: {\r\n                    path: '/api/problemTicket/type_level2',\r\n                    data: { parent },\r\n                    callback: (res) => {\r\n                        if (res && res.result == 'complete') this.type_level2 = res.data;\r\n                    },\r\n                },\r\n            });\r\n        }, 250),\r\n        handleSelectTypeLevel2: _.debounce(function (parent) {\r\n            if (parent == 'พบปัญหาการใช้งานบัตร') {\r\n                this.modal_step = 'other';\r\n                this.modal_data.title = 'แจ้งเตือน';\r\n                this.modal_data.message = 'โปรดอัปโหลดเอกสารที่เกี่ยวข้อง เช่น สลิป, ใบเสร็จ การเติมน้ำมัน';\r\n                this.modal_visible = true;\r\n            }\r\n        }, 250),\r\n        getBase64(img, callback) {\r\n            const reader = new FileReader();\r\n            reader.addEventListener('load', () => callback(reader.result));\r\n            reader.readAsDataURL(img);\r\n        },\r\n        async handleUploadImage({ fileList }) {\r\n            const file = _.get(fileList, '0');\r\n            if (file && file.originFileObj) {\r\n                this.attach_file = file.originFileObj;\r\n                this.getBase64(file.originFileObj, (imageUrl) => (this.uploadedImage = imageUrl));\r\n            }\r\n        },\r\n        onSave() {\r\n            this.form.validateFields((err, values) => {\r\n                if (!err) {\r\n                    const formData = new FormData();\r\n                    if (_.size(_.get(values, 'ticket_type_level0'))) formData.append('ticket_type_level0', values.ticket_type_level0);\r\n                    if (_.size(_.get(values, 'ticket_type_level1'))) formData.append('ticket_type_level1', values.ticket_type_level1);\r\n                    if (_.size(_.get(values, 'ticket_type_level2'))) formData.append('ticket_type_level2', values.ticket_type_level2);\r\n                    if (_.size(_.get(values, 'detail'))) formData.append('detail', values.detail);\r\n                    if (_.size(_.get(values, 'problem_date'))) formData.append('problem_date', moment(values.problem_date).format('YYYY-MM-DD HH:mm'));\r\n                    if (_.size(_.get(this, 'attach_file'))) formData.append('attach_file', this.attach_file);\r\n                    this.$store.dispatch('user/POST', {\r\n                        payload: {\r\n                            path: '/api/problemTicket/create',\r\n                            data: formData,\r\n                            callback: (res) => {\r\n                                if (_.get(res, 'result') == 'complete') {\r\n                                    this.modal_step = 'success';\r\n                                    this.modal_data.title = _.get(res, 'complete.title.0', '' /* 'แจ้งปัญหาการใช้งานสำเร็จ' */);\r\n                                    this.modal_data.message = _.get(res, 'complete.msg.0', '' /* 'ระบบได้รับแจ้งปัญหาของท่านแล้ว สามารถติดตามสถานะได้ที่เมนู \"แจ้งปัญหาการใช้งาน\"' */);\r\n                                    this.modal_visible = true;\r\n                                } else if (_.size(_.get(res, 'errors'))) {\r\n                                    this.modal_step = 'fail';\r\n                                    this.modal_data.title = _.get(res, 'errors.title.0', '' /* 'แจ้งปัญหาการใช้งานไม่ได้' */);\r\n                                    this.modal_data.message = _.get(res, 'errors.msg.0', '' /* 'ไม่สามารถส่งเรื่องไปยังเจ้าหน้าที่ที่เกี่ยวข้องได้ กรุณาลองใหม่อีกครั้ง' */);\r\n                                    this.modal_visible = true;\r\n                                }\r\n                            },\r\n                        },\r\n                    });\r\n                }\r\n            });\r\n        },\r\n        onModalCancel() {\r\n            this.modal_visible = false;\r\n            this.modal_step = null;\r\n            this.modal_data = {};\r\n        },\r\n        onModalConfirm() {\r\n            this.$router.replace({ path: '/ticket-system-report' });\r\n        },\r\n        moment,\r\n    },\r\n};\r\n</script>\r\n<style scoped>\r\n</style>","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=43ef1c43&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\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  \"43ef1c43\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}