{"version":3,"sources":["webpack:///./src/components/svc/voice_scn/popup_menu_order.vue?0790","webpack:///src/components/svc/voice_scn/popup_menu_order.vue","webpack:///./src/components/svc/voice_scn/popup_menu_order.vue?ab09","webpack:///./src/components/svc/voice_scn/popup_menu_order.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticStyle","staticClass","_v","_l","breadCrumbItem","breadCrumbIdx","key","_e","_s","breadCrumbs","length","scopedSlots","_u","fn","on","onDragStart","onDragEnd","model","value","callback","$$v","neighborMenuList","expression","menuItem","menuIdx","class","selectedIdx","menu_name","ref","_g","proxy","$event","closePopup","submitPopup","staticRenderFns","component","VBtn","VCard","VCardActions","VCardText","VCardTitle","VCol","VIcon","VRow","VSimpleTable","VTooltip"],"mappings":"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","file":"js/chunk-2d0e4a60.77f28909.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-card',{attrs:{\"hover\":\"\"}},[_c('v-card-title',{staticStyle:{\"background-color\":\"#4E87DD\",\"color\":\"#FFFFFF\",\"height\":\"70px\"}},[_c('v-row',[_c('v-col',{staticClass:\"pt-1 pl-4 text-h5 font-weight-bold\"},[_vm._v(\"메뉴 순서 변경\")])],1)],1),_c('v-card-text',{staticClass:\"pb-0 pl-7 pr-7 pt-3\"},[_c('v-row',[_c('v-col',{staticClass:\"pb-0 title black--text\"},[_vm._l((_vm.breadCrumbs),function(breadCrumbItem,breadCrumbIdx){return [(breadCrumbIdx > 0)?_c('v-icon',{key:'bread_crumb_delim_'+breadCrumbIdx,staticClass:\"ml-2 mr-2\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-greater-than\")]):_vm._e(),_c('span',{key:'bread_crumb'+breadCrumbIdx},[_vm._v(\" \"+_vm._s(breadCrumbItem)+\" \")])]}),(_vm.breadCrumbs.length > 0)?_c('br'):_vm._e(),_c('span',{staticClass:\"body-2 grey--text\"},[_vm._v(\"메뉴 순서를 드래그하여 변경해 주세요\")])],2)],1),_c('v-row',[_c('v-col',{staticClass:\"pt-2 pb-0\"},[_c('v-card',{attrs:{\"outlined\":\"\"}},[_c('v-simple-table',{scopedSlots:_vm._u([{key:\"default\",fn:function(){return [_c('draggable',{staticStyle:{\"font-size\":\"18px\",\"color\":\"#333333\"},attrs:{\"tag\":\"tbody\",\"handle\":\".handle\"},on:{\"start\":_vm.onDragStart,\"end\":_vm.onDragEnd},model:{value:(_vm.neighborMenuList),callback:function ($$v) {_vm.neighborMenuList=$$v},expression:\"neighborMenuList\"}},_vm._l((_vm.neighborMenuList),function(menuItem,menuIdx){return _c('tr',{key:'menu_' + menuIdx,class:{ 'handle': true, 'selectedTr': (menuIdx == _vm.selectedIdx) },staticStyle:{\"height\":\"68px\"}},[_c('td',{staticClass:\"pl-5 font-text-mid\"},[_vm._v(_vm._s(menuItem.menu_name))]),_c('td',{staticClass:\"font-text-mid text-center\"},[_c('v-tooltip',{attrs:{\"bottom\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nreturn [_c('v-btn',_vm._g({attrs:{\"icon\":\"\"}},on),[_c('v-icon',[_vm._v(\"mdi-drag-horizontal-variant\")])],1)]}}],null,true)},[_c('span',[_vm._v(\"드래그하여 순서를 변경할 수 있습니다\")])])],1)])}),0)]},proxy:true}])})],1)],1)],1)],1),_c('v-card-actions',{},[_c('v-row',[_c('v-col',{staticClass:\"pr-8 pb-3 pt-3 text-right\",attrs:{\"cols\":\"12\"}},[_c('v-btn',{staticClass:\"ma-2\",attrs:{\"width\":\"130px\",\"color\":\"primary\",\"text\":\"\"},on:{\"click\":function($event){return _vm.closePopup()}}},[_c('span',{staticStyle:{\"color\":\"#555555\",\"font-size\":\"1.4em\"}},[_vm._v(\"취소\")])]),_c('v-btn',{staticClass:\"ma-2 white--text\",attrs:{\"width\":\"130px\",\"color\":\"#4573D5\",\"large\":\"\"},on:{\"click\":function($event){return _vm.submitPopup()}}},[_c('span',{staticStyle:{\"font-size\":\"1.4em\"}},[_vm._v(\"확인\")])])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <v-card hover>\n        <v-card-title style=\"background-color:#4E87DD; color:#FFFFFF; height:70px;\">\n            <v-row>\n                <v-col class=\"pt-1 pl-4 text-h5 font-weight-bold\">메뉴 순서 변경</v-col>\n            </v-row>\n        </v-card-title>\n\n        <v-card-text class=\"pb-0 pl-7 pr-7 pt-3\">\n            <v-row>\n                <v-col class=\"pb-0 title black--text\">\n                    <template v-for=\"(breadCrumbItem, breadCrumbIdx) in breadCrumbs\">\n                        <v-icon :key=\"'bread_crumb_delim_'+breadCrumbIdx\" v-if=\"breadCrumbIdx > 0\" small class=\"ml-2 mr-2\">mdi-greater-than</v-icon>\n                        <span :key=\"'bread_crumb'+breadCrumbIdx\"> {{ breadCrumbItem }} </span>\n                    </template>\n                    <br v-if=\"breadCrumbs.length > 0\"/>\n                    <span class=\"body-2 grey--text\">메뉴 순서를 드래그하여 변경해 주세요</span>\n                </v-col>\n            </v-row>\n            <v-row>\n                <v-col class=\"pt-2 pb-0\">\n                    <!-- <div style=\"overflow-y:auto; max-height:200px; border:1px solid #eeeeee; \">\n                        <v-list>\n                            <v-list-item-group multiple>\n                                <template  v-for=\"(menuItem, menuIdx) in neighborMenuList\">\n                                    <v-divider v-if=\"menuIdx > 0\" :key=\"'divider_' + menuIdx\"></v-divider>\n                                    <v-list-item v-bind:key=\"menuIdx\" :value=\"menuItem.menu_seqno\">\n                                        <template v-slot:default=\"{ active }\">\n                                            <v-list-item-action>\n                                                <v-checkbox\n                                                :input-value=\"active\"\n                                                color=\"blue accent-4\"\n                                                ></v-checkbox>\n                                            </v-list-item-action>\n\n                                            <v-list-item-content>\n                                                <v-list-item-title v-text=\"menuItem.menu_name\"></v-list-item-title>\n                                            </v-list-item-content>\n                                        </template>   \n                                    </v-list-item>\n                                </template>\n                            </v-list-item-group>\n                        </v-list>\n                    </div>      -->\n\n                    <v-card outlined>\n                        <v-simple-table>\n                            <template v-slot:default>\n                                <draggable v-model=\"neighborMenuList\" tag=\"tbody\" @start=\"onDragStart\" @end=\"onDragEnd\" handle=\".handle\" style=\"font-size:18px; color:#333333;\">\n                                    <tr style=\"height:68px;\" v-for=\"(menuItem, menuIdx) in neighborMenuList\" :key=\"'menu_' + menuIdx\"\n                                        :class=\"{ 'handle': true, 'selectedTr': (menuIdx == selectedIdx) }\">\n                                        <td class=\"pl-5 font-text-mid\">{{ menuItem.menu_name }}</td>\n                                        <td class=\"font-text-mid text-center\">\n                                            <v-tooltip bottom>\n                                                <template v-slot:activator=\"{ on }\">\n                                                    <v-btn icon v-on=\"on\">\n                                                        <v-icon>mdi-drag-horizontal-variant</v-icon>\n                                                    </v-btn>\n                                                </template>\n                                                <span>드래그하여 순서를 변경할 수 있습니다</span>\n                                            </v-tooltip>\n                                        </td>\n                                    </tr>\n                                </draggable>\n                            </template>\n                        </v-simple-table>\n                    </v-card>\n                </v-col>\n            </v-row>\n\n        </v-card-text>\n        <v-card-actions class=\"\">\n            <v-row>\n                <v-col cols=\"12\" class=\"pr-8 pb-3 pt-3 text-right\">\n                    <v-btn class=\"ma-2\" width=\"130px\" color=\"primary\" text v-on:click=\"closePopup()\"><span style=\"color:#555555; font-size:1.4em;\">취소</span></v-btn>\n                    <v-btn class=\"ma-2 white--text\" width=\"130px\" color=\"#4573D5\" large v-on:click=\"submitPopup()\"><span style=\"font-size:1.4em;\">확인</span></v-btn>\n                </v-col>\n            </v-row>\n        </v-card-actions>\n    </v-card>\n\n</template>\n\n<script>\nimport svcVoiceScnApi from '@/api/svc_voice_scn'\nimport {mapGetters} from 'vuex'\nimport draggable from 'vuedraggable'\n\nexport default {\n    data: () => ({\n        neighborMenuList: [],\n        selectedIdx: 0,\n    }),\n    components: {\n        draggable\n    },\n    computed: {\n        ...mapGetters({\n            allMenuList: 'svcVoiceScn/getMenuList',\n            selectedMenu: 'svcVoiceScn/getSelectedMenu',\n        }),\n        breadCrumbs() {\n            let ret = []\n\n            let selectedMenu = this.selectedMenu\n            if (selectedMenu) {\n                let menuHist = [selectedMenu]\n\n                for (let i = 0; i < selectedMenu.menu_depth; i++) {\n                    let lastMenu = menuHist[menuHist.length - 1]\n                    let parentMenu = null\n                    if (lastMenu.parent_menu_seqno > 0) {\n                        this.allMenuList.forEach(menuItem => {\n                            if (menuItem.menu_seqno == lastMenu.parent_menu_seqno) {\n                                parentMenu = menuItem\n                            }\n                        })\n                    }\n                    if (parentMenu) {\n                        menuHist.push(parentMenu)\n                    } else {\n                        break\n                    }\n                }\n\n                for (let i = menuHist.length - 1; i > 0; i--) {\n                    ret.push(menuHist[i].menu_name)\n                }\n            }\n\n            return ret\n        },\n    },\n    mounted() {\n        this.neighborMenuList.splice(0, this.neighborMenuList.length)\n\n        let allMenuList = this.allMenuList\n        let selectedMenu = this.selectedMenu\n\n        allMenuList.forEach(item => {\n            if (item.parent_menu_seqno == selectedMenu.parent_menu_seqno) {\n                this.neighborMenuList.push(item)\n            }\n        })\n    },\n    methods: {\n        closePopup() {\n            this.$emit('cancel')\n        },\n        submitPopup() {\n            let menuSeqnoList = []\n            this.neighborMenuList.forEach(item => {\n                menuSeqnoList.push(item.menu_seqno)\n            })\n\n            let reqForm = {\n                parent_menu_seqno: this.selectedMenu.parent_menu_seqno,\n                menu_seqno_list: menuSeqnoList\n            }\n            this.$store.dispatch('openConfirm', {\n                message: '변경된 순서를 저장하시겠습니까?',\n                va: this,\n                okCb: function (va) {\n                    svcVoiceScnApi.changeMenuOrderList(reqForm, () => {\n                        va.$store.dispatch('openAlert', {\n                            va: va,\n                            message: '메뉴 순서가 변경 되었습니다',\n                            closeCb: (va) => {\n                                va.$emit('submit')\n                            }\n                        })\n                    }, (err) => {\n                        va.$store.dispatch('openAlert', {\n                            message: '메뉴 순서 변경을 실패 했습니다',\n                            sub_message: err,\n                        })\n                    })\n                }\n            })\n        },\n        onDragStart(p) {\n            this.selectedIdx = p.oldIndex\n        },\n        onDragEnd(p) {\n            let ctx = this\n            setTimeout(() => {\n                ctx.selectedIdx = -1\n            }, 1000)\n        }\n    }\n}\n</script>\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!./popup_menu_order.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!./popup_menu_order.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./popup_menu_order.vue?vue&type=template&id=5cd1f3bf&\"\nimport script from \"./popup_menu_order.vue?vue&type=script&lang=js&\"\nexport * from \"./popup_menu_order.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  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSimpleTable } from 'vuetify/lib/components/VDataTable';\nimport { VTooltip } from 'vuetify/lib/components/VTooltip';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCardText,VCardTitle,VCol,VIcon,VRow,VSimpleTable,VTooltip})\n"],"sourceRoot":""}