{"version":3,"sources":["webpack:///./src/views/ticket-system-report-detail/index.vue?9df1","webpack:///./src/views/ticket-system-report-detail/modalForm.vue?4b14","webpack:///src/views/ticket-system-report-detail/modalForm.vue","webpack:///./src/views/ticket-system-report-detail/modalForm.vue?e4f1","webpack:///./src/views/ticket-system-report-detail/modalForm.vue","webpack:///src/views/ticket-system-report-detail/index.vue","webpack:///./src/views/ticket-system-report-detail/index.vue?5dc1","webpack:///./src/views/ticket-system-report-detail/index.vue","webpack:///./src/views/ticket-system-report-detail/modalForm.vue?ad4a","webpack:///./node_modules/vue-clickaway/dist/vue-clickaway.common.js","webpack:///./src/views/ticket-system-report-detail/modalForm.vue?3032"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","staticStyle","_m","_v","_s","problem_ticket","ref_ticket_id","style","statusToBackgroundColor","status","statusToBorderColor","color","statusToColor","statusToText","toMoment","created","ticket_type_level0","ticket_type_level1","ticket_type_level2","domProps","detail","message_for_customer","attach_file","on","cancelTicket","$t","_e","modal_visible","modal_step","modal_data","onModalCancel","onModalConfirm","$event","$router","replace","path","staticRenderFns","visible","data","title","message","step","cancel","confirm","back","component","Vue","version","compatible","test","util","warn","HANDLER","bind","el","binding","vnode","unbind","vm","context","callback","value","initialMacrotaskEnded","setTimeout","ev","composedPath","undefined","indexOf","contains","target","call","document","documentElement","addEventListener","removeEventListener","directive","update","oldValue","mixin","directives","onClickaway","exports"],"mappings":"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","file":"js/chunk-48047b7e.0ecd478c.js","sourcesContent":["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\":\"แจ้งปัญหาการใช้งาน\"}}),(_vm.problem_ticket)?_c('div',{staticClass:\"ml-mr-mb-20\"},[_c('div',{staticClass:\"br-20\",staticStyle:{\"background-color\":\"#fff\"}},[_c('div',{staticClass:\"p-20\"},[_vm._m(0),_c('div',{staticClass:\"row\"},[_c('span',{staticClass:\"fs-18 fw-600\"},[_vm._v(_vm._s(_vm.problem_ticket.ref_ticket_id))])]),_vm._m(1),_c('div',{staticClass:\"row\"},[_c('a-button',{staticClass:\"text-center br-20\",style:({ 'background-color': _vm.statusToBackgroundColor(_vm.problem_ticket.status), 'border-color': _vm.statusToBorderColor(_vm.problem_ticket.status) }),attrs:{\"size\":\"small\"}},[_c('span',{staticClass:\"fs-14\",style:({ color: _vm.statusToColor(_vm.problem_ticket.status) })},[_vm._v(\" \"+_vm._s(_vm.statusToText(_vm.problem_ticket.status)))])])],1),_vm._m(2),_c('div',{staticClass:\"row\"},[_vm._v(\" \"+_vm._s(_vm.toMoment(_vm.problem_ticket.created))+\" \")]),_vm._m(3),_c('div',{staticClass:\"row\"},[_c('span',{staticClass:\"fs-18 fw-600\"},[_vm._v(_vm._s(_vm.problem_ticket.ticket_type_level0))])]),_vm._m(4),_c('div',{staticClass:\"row\"},[_c('span',{staticClass:\"fs-18 fw-600\"},[_vm._v(_vm._s(_vm.problem_ticket.ticket_type_level1))])]),_vm._m(5),_c('div',{staticClass:\"row\"},[_c('span',{staticClass:\"fs-18 fw-600\"},[_vm._v(_vm._s(_vm.problem_ticket.ticket_type_level2))])]),_vm._m(6),_c('div',{staticClass:\"row\"},[_c('span',{staticClass:\"fs-18 fw-600\",domProps:{\"innerHTML\":_vm._s(_vm.problem_ticket.detail)}})]),_vm._m(7),_c('div',{staticClass:\"row\"},[_c('span',{staticClass:\"fs-18 fw-600\",staticStyle:{\"color\":\"#2aaae5\"}},[_vm._v(_vm._s(_vm.problem_ticket.message_for_customer))])]),_vm._m(8),_c('div',{staticClass:\"row\"},[_c('expandable-image',{attrs:{\"src\":_vm.problem_ticket.attach_file}})],1)])]),_c('div',{staticClass:\"row mt-32 text-center\",staticStyle:{\"text-align\":\"center\"}},[_c('div',{staticClass:\"col\",staticStyle:{\"display\":\"inline-block\"}},[_c('a-button',{staticClass:\"text-center default-btn br-20\",attrs:{\"size\":\"large\"},on:{\"click\":_vm.cancelTicket}},[_c('span',{staticClass:\"fs-18 color-red\"},[_vm._v(\" \"+_vm._s(_vm.$t('ยกเลิก')))])])],1)])]):_vm._e(),_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,\"on-back\":function($event){return _vm.$router.replace({ path: '/ticket-system-report' })}}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row\"},[_c('span',{staticClass:\"fs-13 fw-600 c-999\"},[_vm._v(\"รหัสอ้างอิง\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row mt-16\"},[_c('span',{staticClass:\"fs-13 fw-600 c-999\"},[_vm._v(\"สถานะ\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row mt-16\"},[_c('span',{staticClass:\"fs-13 fw-600 c-999\"},[_vm._v(\"วันที่แจ้ง\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row mt-16\"},[_c('span',{staticClass:\"fs-13 fw-600 c-999\"},[_vm._v(\"ประเภทเรื่องหลัก\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row mt-16\"},[_c('span',{staticClass:\"fs-13 fw-600 c-999\"},[_vm._v(\"ประเภทเรื่องย่อย\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row mt-16\"},[_c('span',{staticClass:\"fs-13 fw-600 c-999\"},[_vm._v(\"ชื่อเรื่อง\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row mt-16\"},[_c('span',{staticClass:\"fs-13 fw-600 c-999\"},[_vm._v(\"รายละเอียด\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row mt-16\"},[_c('span',{staticClass:\"fs-13 fw-600 c-999\"},[_vm._v(\"Message\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row mt-16\"},[_c('span',{staticClass:\"fs-13 fw-600 c-999\"},[_vm._v(\"ภาพประกอบ\")])])}]\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(),(_vm.step == 'confirm')?_c('div',{staticClass:\"custom-modal-footer text-center\"},[_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.confirm()}}},[_c('span',{staticClass:\"fs-18 color-white\"},[_vm._v(\" \"+_vm._s(_vm.$t('ยืนยัน')))])])],1):(_vm.step == 'fail')?_c('div',{staticClass:\"custom-modal-footer text-center\"},[_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):(_vm.step == 'success')?_c('div',{staticClass:\"custom-modal-footer text-center\"},[_c('a-button',{staticClass:\"text-center bg-red br-20\",attrs:{\"size\":\"large\"},on:{\"click\":function($event){return _vm.back()}}},[_c('span',{staticClass:\"fs-18 color-white\"},[_vm._v(\" \"+_vm._s(_vm.$t('ยืนยัน')))])])],1):_vm._e()])],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\" v-if=\"step == 'confirm'\">\r\n                <a-button size=\"large\" class=\"text-center bg-red br-20\" @click=\"cancel()\">\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=\"confirm()\">\r\n                    <span class=\"fs-18 color-white\"> {{ $t('ยืนยัน') }}</span>\r\n                </a-button>\r\n            </div>\r\n            <div class=\"custom-modal-footer text-center\" v-else-if=\"step == 'fail'\">\r\n                <a-button size=\"large\" class=\"text-center bg-red br-20\" @click=\"cancel()\">\r\n                    <span class=\"fs-18 color-white\"> {{ $t('ยืนยัน') }}</span>\r\n                </a-button>\r\n            </div>\r\n            <div class=\"custom-modal-footer text-center\" v-else-if=\"step == 'success'\">\r\n                <a-button size=\"large\" class=\"text-center bg-red br-20\" @click=\"back()\">\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        back() {\r\n            this.$emit('on-back');\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=125f2c7a&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=125f2c7a&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  \"125f2c7a\",\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\" v-if=\"problem_ticket\">\r\n            <div class=\"br-20\" style=\"background-color: #fff\">\r\n                <div class=\"p-20\">\r\n                    <div class=\"row\">\r\n                        <span class=\"fs-13 fw-600 c-999\">รหัสอ้างอิง</span>\r\n                    </div>\r\n                    <div class=\"row\">\r\n                        <span class=\"fs-18 fw-600\">{{ problem_ticket.ref_ticket_id }}</span>\r\n                    </div>\r\n                    <div class=\"row mt-16\">\r\n                        <span class=\"fs-13 fw-600 c-999\">สถานะ</span>\r\n                    </div>\r\n                    <div class=\"row\">\r\n                        <a-button size=\"small\" class=\"text-center br-20\" :style=\"{ 'background-color': statusToBackgroundColor(problem_ticket.status), 'border-color': statusToBorderColor(problem_ticket.status) }\">\r\n                            <span class=\"fs-14\" :style=\"{ color: statusToColor(problem_ticket.status) }\"> {{ statusToText(problem_ticket.status) }}</span>\r\n                        </a-button>\r\n                    </div>\r\n                    <div class=\"row mt-16\">\r\n                        <span class=\"fs-13 fw-600 c-999\">วันที่แจ้ง</span>\r\n                    </div>\r\n                    <div class=\"row\">\r\n                        {{ toMoment(problem_ticket.created) }}\r\n                    </div>\r\n                    <div class=\"row mt-16\">\r\n                        <span class=\"fs-13 fw-600 c-999\">ประเภทเรื่องหลัก</span>\r\n                    </div>\r\n                    <div class=\"row\">\r\n                        <span class=\"fs-18 fw-600\">{{ problem_ticket.ticket_type_level0 }}</span>\r\n                    </div>\r\n                    <div class=\"row mt-16\">\r\n                        <span class=\"fs-13 fw-600 c-999\">ประเภทเรื่องย่อย</span>\r\n                    </div>\r\n                    <div class=\"row\">\r\n                        <span class=\"fs-18 fw-600\">{{ problem_ticket.ticket_type_level1 }}</span>\r\n                    </div>\r\n                    <div class=\"row mt-16\">\r\n                        <span class=\"fs-13 fw-600 c-999\">ชื่อเรื่อง</span>\r\n                    </div>\r\n                    <div class=\"row\">\r\n                        <span class=\"fs-18 fw-600\">{{ problem_ticket.ticket_type_level2 }}</span>\r\n                    </div>\r\n                    <div class=\"row mt-16\">\r\n                        <span class=\"fs-13 fw-600 c-999\">รายละเอียด</span>\r\n                    </div>\r\n                    <div class=\"row\">\r\n                        <span class=\"fs-18 fw-600\" v-html=\"problem_ticket.detail\"></span>\r\n                    </div>\r\n                    <div class=\"row mt-16\">\r\n                        <span class=\"fs-13 fw-600 c-999\">Message</span>\r\n                    </div>\r\n                    <div class=\"row\">\r\n                        <span class=\"fs-18 fw-600\" style=\"color: #2aaae5\">{{ problem_ticket.message_for_customer }}</span>\r\n                    </div>\r\n                    <div class=\"row mt-16\">\r\n                        <span class=\"fs-13 fw-600 c-999\">ภาพประกอบ</span>\r\n                    </div>\r\n                    <div class=\"row\">\r\n                        <expandable-image :src=\"problem_ticket.attach_file\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"row mt-32 text-center\" style=\"text-align: center\">\r\n                <div class=\"col\" style=\"display: inline-block\">\r\n                    <a-button size=\"large\" class=\"text-center default-btn br-20\" @click=\"cancelTicket\">\r\n                        <span class=\"fs-18 color-red\"> {{ $t('ยกเลิก') }}</span>\r\n                    </a-button>\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\" @on-back=\"$router.replace({ path: '/ticket-system-report' })\" />\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            problem_ticket: null,\r\n            modal_visible: false,\r\n            modal_step: null,\r\n            modal_data: {},\r\n        };\r\n    },\r\n    mounted() {\r\n        this.getProblemTicketDetail();\r\n    },\r\n    methods: {\r\n        getProblemTicketDetail: _.debounce(function () {\r\n            this.$store.dispatch('user/GET', {\r\n                payload: {\r\n                    path: `/api/problemTicket/detail/${this.$route.query.ticket_id}`,\r\n                    data: {},\r\n                    callback: (res) => {\r\n                        if (res && res.result == 'complete') this.problem_ticket = res.data;\r\n                    },\r\n                },\r\n            });\r\n        }, 1000),\r\n        toMoment(date_unix) {\r\n            const moment_unix = moment.unix(date_unix);\r\n            return this.smtby(moment_unix) + ' | ' + moment_unix.format('HH.mm') + ' น.';\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.$store.dispatch('user/GET', {\r\n                payload: {\r\n                    path: `/api/problemTicket/cancel//${this.$route.query.ticket_id}`,\r\n                    data: {},\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', '' /* 'ไม่พบ Ticket ดังกล่าวหรือ Ticket ไม่ได้เปิดอยู่' */);\r\n                            this.modal_visible = true;\r\n                        }\r\n                    },\r\n                },\r\n            });\r\n        },\r\n        cancelTicket() {\r\n            this.modal_step = 'confirm';\r\n            this.modal_data.title = 'ยืนยันการยกเลิก';\r\n            this.modal_data.message = 'ท่านต้องการยกเลิกแจ้งปัญหาการใช้งานใช่หรือไม่';\r\n            this.modal_visible = true;\r\n        },\r\n        statusToText(status) {\r\n            let result;\r\n            switch (status) {\r\n                case 1:\r\n                    result = 'เปิดเคส';\r\n                    break;\r\n                case 2:\r\n                    result = 'กำลังดำเนินการ';\r\n                    break;\r\n                case 3:\r\n                    result = 'ปิดงาน';\r\n                    break;\r\n                case 4:\r\n                    result = 'ยกเลิก';\r\n                    break;\r\n                case 5:\r\n                    result = 'ดำเนินการเสร็จสิ้น';\r\n                    break;\r\n                case 6:\r\n                    result = 'อยู่ระหว่างตรวจสอบข้อมูล';\r\n                    break;\r\n                case 7:\r\n                    result = 'ยกเลิก';\r\n                    break;\r\n                default:\r\n                    break;\r\n            }\r\n            return result;\r\n        },\r\n        statusToBackgroundColor(status) {\r\n            let result;\r\n            switch (status) {\r\n                case 1:\r\n                    result = 'rgba(255,165, 0, 0.15)';\r\n                    break;\r\n                case 2:\r\n                    result = 'rgba(255, 165, 0, 0.15)';\r\n                    break;\r\n                case 3:\r\n                    result = 'rgba(0, 255, 0, 0.15)';\r\n                    break;\r\n                case 4:\r\n                    result = 'rgba(255, 0, 0, 0.15)';\r\n                    break;\r\n                case 5:\r\n                    result = 'rgba(0, 255, 0, 0.15)';\r\n                    break;\r\n                case 6:\r\n                    result = 'rgba(255, 165, 0, 0.15)';\r\n                    break;\r\n                case 7:\r\n                    result = 'rgba(255, 0, 0, 0.15)';\r\n                    break;\r\n                default:\r\n                    break;\r\n            }\r\n            return result;\r\n        },\r\n        statusToBorderColor(status) {\r\n            let result;\r\n            switch (status) {\r\n                case 1:\r\n                    result = '#ffa500';\r\n                    break;\r\n                case 2:\r\n                    result = '#ffa500';\r\n                    break;\r\n                case 3:\r\n                    result = '#00ff00';\r\n                    break;\r\n                case 4:\r\n                    result = '#ff0000';\r\n                    break;\r\n                case 5:\r\n                    result = '#00ff00';\r\n                    break;\r\n                case 6:\r\n                    result = '#ffa500';\r\n                    break;\r\n                case 7:\r\n                    result = '#ff0000';\r\n                    break;\r\n                default:\r\n                    break;\r\n            }\r\n            return result;\r\n        },\r\n        statusToColor(status) {\r\n            let result;\r\n            switch (status) {\r\n                case 1:\r\n                    result = 'rgba(255,165, 0, 1)';\r\n                    break;\r\n                case 2:\r\n                    result = 'rgba(255,165, 0, 1)';\r\n                    break;\r\n                case 3:\r\n                    result = 'rgba(0, 255, 0, 1)';\r\n                    break;\r\n                case 4:\r\n                    result = 'rgba(255, 0, 0, 1)';\r\n                    break;\r\n                case 5:\r\n                    result = 'rgba(0, 255, 0, 1)';\r\n                    break;\r\n                case 6:\r\n                    result = 'rgba(255,165, 0, 1)';\r\n                    break;\r\n                case 7:\r\n                    result = 'rgba(255, 0, 0, 1)';\r\n                    break;\r\n                default:\r\n                    break;\r\n            }\r\n            return result;\r\n        },\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=4f0540dc&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  \"4f0540dc\",\n  null\n  \n)\n\nexport default component.exports","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&\"","'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=1&id=125f2c7a&scoped=true&lang=css&\""],"sourceRoot":""}