{"version":3,"sources":["webpack:///./src/components/component/ListProductAppMarket.vue?b45c","webpack:///src/components/component/ListProductAppMarket.vue","webpack:///./src/components/component/ListProductAppMarket.vue?2d00","webpack:///./src/components/component/ListProductAppMarket.vue","webpack:///./src/components/component/ListProductAppMarket.vue?a1ca","webpack:///./src/components/page/Market.vue?56d6","webpack:///src/components/page/Market.vue","webpack:///./src/components/page/Market.vue?2298","webpack:///./src/components/page/Market.vue","webpack:///./src/mixins/ListMixin.js","webpack:///./src/mixins/ServiceAdminAPIMixin.js","webpack:///./src/components/page/Market.vue?cc30"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticStyle","grades","length","staticClass","style","grid","_l","card","idx","componentName","key","tag","_e","grades1","single","_v","_s","menu","name","staticRenderFns","component","class","$route","path","filtered","ref","id","selectedMenu","on","$event","clickMenu","label","packLength","pluginLength","list","indexOf","menus","slice","item","item_idx","count","products","data","status","app","grade","components","mixins","props","postParam","undefined","mounted","pageLoadType","window","document","body","onscroll","onScroll","bind","$nextTick","addEventListener","methods","scrollTop","scrollingElement","getElementsByTagName","innerHeight","scrollHeight","getElementById","scrollEnd","getList","loading","currentPage","totalPages","isLastPage","page_num","$axios","post","url","then","res","concat","$store","commit","catch","get","replace","computed","watch","n","adminAxios","axios","create","headers","common","request","serviceAdmin","created","setAuth","defaults","baseURL","backendUrl","getters","admin","Authorization","token"],"mappings":"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","file":"js/chunk-69111ef4.72e3ed06.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.menu)?_c('div',[_c('transition',{attrs:{\"name\":\"fade\"}},[_c('div',[_c('div',{staticStyle:{\"width\":\"1152px\"}},[(_vm.grades.length>0)?_c('div',{staticClass:\"card-wrapper\",style:((\"grid-template-columns:repeat(\" + _vm.grid + \", 1fr)\"))},_vm._l((_vm.grades),function(card,idx){return _c((_vm.componentName + \"Pc\"),{key:'card'+idx,tag:\"component\",attrs:{\"card\":card}})}),1):_vm._e(),(_vm.grades1.length>0 && _vm.single)?[_c('div',{staticClass:\"h5 padding-top-40 padding-bottom-16\"},[_vm._v(\"수동 설치 \"+_vm._s(_vm.menu.name)+\" \"),_c('span',{staticClass:\"h5 primary margin-left-4\"},[_vm._v(_vm._s(_vm.grades1.length))])]),_c('div',{staticClass:\"body2 sub3 margin-bottom-32\"},[_vm._v(\"기능 추가를 원할 시 \"+_vm._s(_vm.menu.name === '플랫폼 팩' ? '최소 4주의' : '2주 이내의')+\" 작업 기간이 필요합니다. 런치팩 1:1 문의를 통해 신청해주시면 필요한 절차와 세부 설치 일정을 안내해드립니다. \")]),_c('div',{staticClass:\"card-wrapper\",style:((\"grid-template-columns:repeat(\" + _vm.grid + \", 1fr)\"))},_vm._l((_vm.grades1),function(card,idx){return _c((_vm.componentName + \"Pc\"),{key:'card1-'+idx,tag:\"component\",attrs:{\"card\":card}})}),1)]:_vm._e()],2)])])],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div v-if=\"menu\">\r\n    <transition name=\"fade\">\r\n      <div>\r\n        <div style=\"width:1152px\">\r\n          <div class=\"card-wrapper\" v-if=\"grades.length>0\" :style=\"`grid-template-columns:repeat(${grid}, 1fr)`\">\r\n            <component :is=\"`${componentName}Pc`\" v-for=\"(card, idx) in grades\" :key=\"'card'+idx\" :card=\"card\"></component>\r\n          </div>\r\n          <template v-if=\"grades1.length>0 && single\" >\r\n            <div class=\"h5 padding-top-40 padding-bottom-16\">수동 설치 {{ menu.name }}\r\n              <span class=\"h5 primary margin-left-4\">{{ grades1.length }}</span></div>\r\n            <div class=\"body2 sub3 margin-bottom-32\">기능 추가를 원할 시 {{ menu.name === '플랫폼 팩' ? '최소 4주의' : '2주 이내의' }} 작업 기간이 필요합니다. 런치팩 1:1 문의를 통해 신청해주시면 필요한 절차와 세부 설치 일정을 안내해드립니다. </div>\r\n\r\n            <div class=\"card-wrapper\" :style=\"`grid-template-columns:repeat(${grid}, 1fr)`\">\r\n              <component :is=\"`${componentName}Pc`\" v-for=\"(card, idx) in grades1\" :key=\"'card1-'+idx\" :card=\"card\"></component>\r\n            </div>\r\n          </template>\r\n        </div>\r\n      </div>\r\n    </transition>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import CardProductThemePc from \"./CardProductThemePc\";\r\n  import CardProductPluginPc from \"./CardProductPluginPc\";\r\n  import CardProductServicePc from \"./CardProductServicePc\";\r\n\r\n  export default {\r\n    name: \"ListProductAppMarket\",\r\n    components: {\r\n      CardProductThemePc,\r\n      CardProductPluginPc,\r\n      CardProductServicePc\r\n    },\r\n    props: {\r\n      menu: {\r\n        type: Object\r\n      },\r\n      products: {\r\n        type: Array\r\n      },\r\n      shadow: {\r\n        type: Boolean,\r\n        default: false\r\n      },\r\n      single: {\r\n        type: Boolean,\r\n        default: false\r\n      }\r\n    },\r\n    created() {\r\n      this.initCard();\r\n    },\r\n    data() {\r\n      return {\r\n        grid: 3,\r\n        cards: [],\r\n        avail_color: [],\r\n        colors: ['#0ead9d', '#d0ae45', '#f45853', '#393e46', '#ff6600'],\r\n        ishover: false\r\n      }\r\n    },\r\n    watch: {\r\n      products(n) {\r\n        this.cards = n;\r\n      },\r\n      menu() {\r\n        this.initCard();\r\n      }\r\n    },\r\n    computed: {\r\n      grades() {\r\n        let cards = this.single ? this.cards.filter(i => i.grade === 0) : this.cards;\r\n        return this.$store.getters.userService ? cards.filter(i => i.params.find(p => p.name === 'key').value !== this.$store.getters.userService.package) : cards;\r\n      },\r\n      grades1() {\r\n        return this.cards.filter(i => { return i.grade === 1 });\r\n      },\r\n      componentName() {\r\n        const name = this.menu.name;\r\n        let type = 'Theme';\r\n        if(name === '플러그인') {\r\n          type = 'Plugin';\r\n        }\r\n        else if(name === '플랫폼 팩') {\r\n          type = 'Theme';\r\n        }\r\n        else {\r\n          type = 'Service';\r\n        }\r\n\r\n        return `CardProduct${type}`;\r\n      },\r\n      boxShadow() {\r\n        if (this.shadow) return 'box-shadow: 0px 2px 10px 0 #ccc8c8;';\r\n        else return '';\r\n      }\r\n    },\r\n    methods: {\r\n      initCard() {\r\n        if(this.menu && this.menu.name === '플랫폼 팩') {\r\n          this.grid = 4;\r\n        }\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n  @import '~assets/css/lp_main'\r\n\r\n  .card-wrapper\r\n    display grid\r\n    grid-gap 57px 16px\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!./ListProductAppMarket.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!./ListProductAppMarket.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ListProductAppMarket.vue?vue&type=template&id=7e73e3f6&scoped=true&\"\nimport script from \"./ListProductAppMarket.vue?vue&type=script&lang=js&\"\nexport * from \"./ListProductAppMarket.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ListProductAppMarket.vue?vue&type=style&index=0&id=7e73e3f6&lang=stylus&scoped=true&\"\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  \"7e73e3f6\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ListProductAppMarket.vue?vue&type=style&index=0&id=7e73e3f6&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:(\"\" + (_vm.$route.path === '/market/list' ? 'market-container' : '')),attrs:{\"id\":\"market-wrapper\"}},[_c('banner-market'),(_vm.fixedState)?_c('div',{staticStyle:{\"height\":\"70px\"}}):_vm._e(),_c('div',{style:(_vm.fixedStyle)},[(_vm.filtered.selectedMenu)?_c('div',{ref:\"tabMenu\",staticClass:\"flex-center cat-wrapper\"},_vm._l((_vm.menus),function(menu){return _c('div',{key:'menu-'+menu.id,staticClass:\"cat-st subtitle5 unselect\",class:{'primary':_vm.filtered.selectedMenu.id===menu.id},on:{\"click\":function($event){return _vm.clickMenu(menu)}}},[_vm._v(\" \"+_vm._s(menu.label)+\" \"),_c('div',{class:{'cat-selected':_vm.filtered.selectedMenu.id===menu.id}})])}),0):_vm._e()]),_c('div',{staticClass:\"container-wrapper\"},[_c('div',{staticClass:\"container\"},[(_vm.filtered.selectedMenu && _vm.filtered.selectedMenu.label!=='전체')?_c('div',[(_vm.filtered.selectedMenu.label === '플랫폼 팩')?[_c('div',{staticClass:\"pc\"},[_c('div',{staticClass:\"h5 padding-top-60 padding-bottom-16\"},[_vm._v(\"자동설치 플랫폼 팩 \"),_c('span',{staticClass:\"h5 primary margin-left-4\"},[_vm._v(_vm._s(_vm.packLength))])]),_c('div',{staticClass:\"body2 sub3 margin-bottom-32\"},[_vm._v(\"기능 추가를 원할 시, 즉시 설치 됩니다\")])]),_c('div',{staticClass:\"mobile\"},[_c('div',{staticClass:\"h6 padding-top-60 padding-bottom-8\"},[_vm._v(\"자동설치 플랫폼 팩 \"),_c('span',{staticClass:\"h6 primary margin-left-4\"},[_vm._v(_vm._s(_vm.packLength))])]),_c('div',{staticClass:\"body4 sub3 margin-bottom-16\"},[_vm._v(\"기능 추가를 원할 시, 즉시 설치 됩니다\")])])]:(_vm.filtered.selectedMenu.label === '플러그인')?[_c('div',{staticClass:\"pc\"},[_c('div',{staticClass:\"h5 padding-top-60 padding-bottom-16\"},[_vm._v(\"자동설치 플러그인 \"),_c('span',{staticClass:\"h5 primary margin-left-4\"},[_vm._v(_vm._s(_vm.pluginLength))])]),_c('div',{staticClass:\"body2 sub3 margin-bottom-32\"},[_vm._v(\"기능 추가를 원할 시, 즉시 설치 됩니다\")])]),_c('div',{staticClass:\"mobile\"},[_c('div',{staticClass:\"h6 padding-top-60 padding-bottom-8\"},[_vm._v(\"자동설치 플러그인 \"),_c('span',{staticClass:\"h6 primary margin-left-4\"},[_vm._v(_vm._s(_vm.pluginLength))])]),_c('div',{staticClass:\"body4 sub3 margin-bottom-16\"},[_vm._v(\"기능 추가를 원할 시, 즉시 설치 됩니다\")])])]:_c('div',{staticClass:\"h5 padding-top-60 padding-bottom-28\"},[_vm._v(_vm._s(_vm.filtered.selectedMenu.label)+\" \"),_c('span',{staticClass:\"h5 primary margin-left-4\"},[_vm._v(_vm._s(_vm.list.length))])]),_c('list-product-app-market',{key:'list-market-'+_vm.filtered.selectedMenu.id,attrs:{\"menu\":_vm.filtered.selectedMenu,\"shadow\":true,\"products\":_vm.list,\"single\":['플랫폼 팩', '플러그인'].indexOf(_vm.filtered.selectedMenu.label)>-1}})],2):(_vm.menus.length>0)?_c('div',[_vm._l((_vm.menus.slice(1,_vm.menus.length)),function(item,item_idx){return [_c('div',{key:(\"menu-\" + item_idx),staticClass:\"product-item-wrapper\"},[_c('div',{staticClass:\"pc\"},[_c('div',{staticClass:\"flex-between padding-top-60 padding-bottom-28\"},[_c('div',{staticClass:\"unselect\",on:{\"click\":function($event){return _vm.clickMenu(item)}}},[_c('span',{staticClass:\"h5\"},[_vm._v(_vm._s(item.label))]),_c('span',{staticClass:\"h5 primary margin-left-4\"},[_vm._v(_vm._s(item.count))])]),_c('div',{staticClass:\"body2-medium primary unselect\",on:{\"click\":function($event){return _vm.clickMenu(item)}}},[_vm._v(\"더보기\")])])]),_c('div',{staticClass:\"mobile\"},[_c('div',{staticClass:\"flex-between padding-top-40\"},[_c('div',{staticClass:\"unselect\",on:{\"click\":function($event){return _vm.clickMenu(item)}}},[_c('span',{staticClass:\"h6\"},[_vm._v(_vm._s(item.label))]),_c('span',{staticClass:\"h6 primary margin-left-4\"},[_vm._v(_vm._s(item.count))])]),_c('div',{staticClass:\"body4-medium primary unselect\",on:{\"click\":function($event){return _vm.clickMenu(item)}}},[_vm._v(\"더보기\")])])]),_c('ListProductAppMarket',{attrs:{\"menu\":item,\"shadow\":true,\"products\":item.products}})],1)]})],2):_vm._e()])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"market-wrapper\" :class=\"`${$route.path === '/market/list' ? 'market-container' : ''}`\">\r\n    <banner-market></banner-market>\r\n    <!-- 메뉴 -->\r\n    <div v-if=\"fixedState\" style=\"height:70px\"></div>\r\n    <div :style=\"fixedStyle\">\r\n      <div class=\"flex-center cat-wrapper\"\r\n           v-if=\"filtered.selectedMenu\" ref=\"tabMenu\">\r\n        <div v-for=\"menu in menus\"\r\n             :key=\"'menu-'+menu.id\"\r\n             class=\"cat-st subtitle5 unselect\"\r\n             :class=\"{'primary':filtered.selectedMenu.id===menu.id}\"\r\n             @click=\"clickMenu(menu)\">\r\n          {{ menu.label }}\r\n          <div :class=\"{'cat-selected':filtered.selectedMenu.id===menu.id}\"></div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"container-wrapper\">\r\n      <div class=\"container\">\r\n        <!-- 전체가 아닐경우 -->\r\n        <div v-if=\"filtered.selectedMenu && filtered.selectedMenu.label!=='전체'\">\r\n          <template v-if=\"filtered.selectedMenu.label === '플랫폼 팩'\">\r\n            <div class=\"pc\">\r\n              <div class=\"h5 padding-top-60 padding-bottom-16\">자동설치 플랫폼 팩\r\n                <span class=\"h5 primary margin-left-4\">{{ packLength }}</span>\r\n              </div>\r\n              <div class=\"body2 sub3 margin-bottom-32\">기능 추가를 원할 시, 즉시 설치 됩니다</div>\r\n            </div>\r\n            <div class=\"mobile\">\r\n              <div class=\"h6 padding-top-60 padding-bottom-8\">자동설치 플랫폼 팩\r\n                <span class=\"h6 primary margin-left-4\">{{ packLength }}</span>\r\n              </div>\r\n              <div class=\"body4 sub3 margin-bottom-16\">기능 추가를 원할 시, 즉시 설치 됩니다</div>\r\n            </div>\r\n          </template>\r\n          <template v-else-if=\"filtered.selectedMenu.label === '플러그인'\">\r\n            <div class=\"pc\">\r\n              <div class=\"h5 padding-top-60 padding-bottom-16\">자동설치 플러그인\r\n                <span class=\"h5 primary margin-left-4\">{{ pluginLength }}</span>\r\n              </div>\r\n              <div class=\"body2 sub3 margin-bottom-32\">기능 추가를 원할 시, 즉시 설치 됩니다</div>\r\n            </div>\r\n            <div class=\"mobile\">\r\n              <div class=\"h6 padding-top-60 padding-bottom-8\">자동설치 플러그인\r\n                <span class=\"h6 primary margin-left-4\">{{ pluginLength }}</span>\r\n              </div>\r\n              <div class=\"body4 sub3 margin-bottom-16\">기능 추가를 원할 시, 즉시 설치 됩니다</div>\r\n            </div>\r\n          </template>\r\n\r\n          <div v-else class=\"h5 padding-top-60 padding-bottom-28\">{{ filtered.selectedMenu.label }}\r\n            <span class=\"h5 primary margin-left-4\">{{ list.length }}</span></div>\r\n\r\n          <list-product-app-market :key=\"'list-market-'+filtered.selectedMenu.id\" :menu=\"filtered.selectedMenu\"\r\n                                   :shadow=\"true\" :products=\"list\"\r\n                                   :single=\"['플랫폼 팩', '플러그인'].indexOf(filtered.selectedMenu.label)>-1\"></list-product-app-market>\r\n        </div>\r\n        <!-- 전체일 경우 -->\r\n        <div v-else-if=\"menus.length>0\">\r\n          <template v-for=\"(item, item_idx) in menus.slice(1,menus.length)\">\r\n            <div class=\"product-item-wrapper\" :key=\"`menu-${item_idx}`\">\r\n              <div class=\"pc\">\r\n                <div class=\"flex-between padding-top-60 padding-bottom-28\">\r\n                  <div class=\"unselect\" @click=\"clickMenu(item)\">\r\n                    <span class=\"h5\">{{ item.label }}</span>\r\n                    <span class=\"h5 primary margin-left-4\">{{ item.count }}</span>\r\n                  </div>\r\n                  <div class=\"body2-medium primary unselect\" @click=\"clickMenu(item)\">더보기</div>\r\n                </div>\r\n              </div>\r\n              <div class=\"mobile\">\r\n                <div class=\"flex-between padding-top-40\">\r\n                  <div class=\"unselect\" @click=\"clickMenu(item)\">\r\n                    <span class=\"h6\">{{ item.label }}</span>\r\n                    <span class=\"h6 primary margin-left-4\">{{ item.count }}</span>\r\n                  </div>\r\n                  <div class=\"body4-medium primary unselect\" @click=\"clickMenu(item)\">더보기</div>\r\n                </div>\r\n              </div>\r\n              <ListProductAppMarket :menu=\"item\" :shadow=\"true\" :products=\"item.products\"></ListProductAppMarket>\r\n            </div>\r\n          </template>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\n  import ListMixin from \"../../mixins/ListMixin\";\r\n  import ListProductAppMarket from \"../component/ListProductAppMarket\";\r\n  import BannerMarket from \"../component/ListProductAppMarket.vue\";\r\n  import ServiceAdminAPIMixin from \"../../mixins/ServiceAdminAPIMixin\";\r\n  export default {\r\n    components: {\r\n      BannerMarket,\r\n      ListProductAppMarket\r\n    },\r\n    name: \"Market\",\r\n    mixins: [\r\n      ListMixin,\r\n      ServiceAdminAPIMixin\r\n    ],\r\n    watch: {\r\n      '$route': {\r\n        handler(n) {\r\n          this.vMarket = n.path.indexOf('/detail') === -1;\r\n        },\r\n        deep: true\r\n      }\r\n    },\r\n    data() {\r\n      return {\r\n        controller: undefined,\r\n        vMarket: true,\r\n        list: [],\r\n        filtered: {\r\n          selectedMenu: undefined\r\n        },\r\n        menus: [],\r\n        recent:false,\r\n        fields: 'id,name,simple_desc,img,price,partner.img,partner.name,category1,category2,preview_url,tags,params',\r\n        orders: [],\r\n        pluginLength: 0,\r\n        packLength: 0,\r\n        fixedState: false\r\n      }\r\n    },\r\n    created() {\r\n      this.pageLoadType = 'infinite';\r\n      this.init();\r\n\r\n    },\r\n    activated() {\r\n      this.$nextTick(()=>{\r\n        if (this.$route.query.id) {\r\n          setTimeout(() => {\r\n            let menu = this.menus.filter(item => { return item.id === Number(this.$route.query.id) })[0]\r\n            this.clickMenu(menu)\r\n          }, 500)\r\n        }\r\n        this.controller = new AbortController();\r\n        const { signal } = this.controller;\r\n        window.addEventListener('scroll', this.detectClientHeight, { signal });\r\n      });\r\n    },\r\n    deactivated() {\r\n      this.controller.abort();\r\n    },\r\n    computed: {\r\n      fixedStyle() {\r\n        let deco = {\r\n          borderBottom: '1px solid #e3e3e3'\r\n        };\r\n        if (this.fixedState) {\r\n          deco = Object.assign(deco, {\r\n            width: '100%',\r\n            backgroundColor: '#fff',\r\n            position: 'fixed',\r\n            top: '70px',\r\n            left: '0',\r\n            zIndex: 9\r\n          });\r\n        }\r\n        return deco;\r\n      },\r\n    },\r\n    methods: {\r\n      // 탭 선택\r\n      clickMenu(menu) {\r\n        this.setGa(`테마 카테고리(${menu.label})`, '클릭', menu.label);\r\n        this.getMenu(menu);\r\n        window.scrollTo(0, 0);\r\n      },\r\n      getMenu(menu) {\r\n        this.current_page = 1;\r\n        this.filtered.page_num = 1;\r\n        this.filtered.selectedMenu = menu;\r\n        if(this.filtered.selectedMenu.id===0) {\r\n          this.getProductsFilter();\r\n        } else {\r\n          this.getProducts();\r\n        }\r\n      },\r\n      async init() {\r\n        this.list = [];\r\n        this.menus = [];\r\n        if(this.$route.path !== '/market/list') {\r\n          await this.getOrders();\r\n        }\r\n        let url = 'public/category?parent_id=46'\r\n        this.$axios.get(url).then(res => {\r\n          if (res.status === 200) {\r\n            let menus = [{\r\n                desc: \"\",\r\n                img: \"\",\r\n                id: 0,\r\n                label: \"전체\"\r\n              }]\r\n            ;\r\n            this.menus = menus.concat(res.data).map(i => {\r\n              i.products = [];\r\n              return i;\r\n            });\r\n            this.menus[0].label = '전체';\r\n\r\n            if(this.$route.query.tab) {\r\n              let menu = this.findItem(this.menus, 'id', parseInt(this.$route.query.tab));\r\n              if(menu) {\r\n                this.clickMenu(menu);\r\n                this.filtered.selectedMenu = menu;\r\n              }\r\n            } else {\r\n              this.filtered.selectedMenu = this.menus[0];\r\n              this.getProductsFilter();\r\n            }\r\n          }\r\n        })\r\n      },\r\n      async getOrders() {\r\n        let res = await this.request.serviceAdmin.get(`launchpack/v1/service/${this.userService.id}/app_order`);\r\n        this.orders = res.data;\r\n      },\r\n      getProductsFilter() {\r\n        this.menus.filter(menu => { return menu.id > 0 }).forEach(menu => {\r\n          let num = menu.name === '플랫폼 팩' ? 4 : 3;\r\n          this.$axios.get(`user/0/mapping/product?fields=${this.fields}&page_num=1&page_length=100&category=${menu.id}&ordering=priority`).then(async res =>{\r\n\r\n            // 결제방식 사용 안하는 팩만 보유한 경우, 결제있음 상태의 상품 제외하기\r\n            if(this.userService && this.userService.packages.every(i => ['call'].indexOf(i)>-1)) {\r\n              res.data.data = res.data.data.filter(i => i.category2_id !== 48 ||\r\n                (i.category2_id === 48 && !i.params.find(n => n.name === '결제방식').value.some(v => v.name === '결제있음')));\r\n            }\r\n\r\n            menu.products = this.setStatus(res.data.data).slice(0, num);\r\n            menu.count = res.data.count;\r\n          });\r\n        });\r\n      },\r\n      getProducts() {\r\n        this.list = [];\r\n        let category = '';\r\n        let cat = 0;\r\n        if(this.filtered.selectedMenu && this.filtered.selectedMenu.id > 0) {\r\n          cat = this.filtered.selectedMenu.id;\r\n          category = `&category=${cat}`;\r\n        }\r\n        this.currentPage = 1;\r\n        this.url = `user/0/mapping/product?${category}&fields=${this.fields}&page_num=1&page_length=100&ordering=priority`\r\n        this.$axios.get(this.url).then(async res => {\r\n          if (res.status === 200) {\r\n            this.totalPages = res.data.total_page;\r\n            this.totalCount = res.data.count;\r\n            this.currentPage = 2;\r\n\r\n            // 결제방식 사용 안하는 팩만 보유한 경우, 결제있음 상태의 상품 제외하기\r\n            if(this.userService && this.userService.packages.every(i => ['call'].indexOf(i)>-1) && cat === 48) {\r\n              res.data.data = res.data.data.filter(i => !i.params.find(n => n.name === '결제방식').value.some(v => v.name === '결제있음'));\r\n            }\r\n\r\n\r\n            this.list = this.setStatus(res.data.data);\r\n            if(this.filtered.selectedMenu) {\r\n              if(this.filtered.selectedMenu.label=== '플랫폼 팩') {\r\n                this.packLength = this.list.filter(i=>{ return i.grade === 0 }).length;\r\n              } else if(this.filtered.selectedMenu.label=== '플러그인') {\r\n                this.pluginLength = this.list.filter(i=>{ return i.grade === 0 }).length;\r\n              }\r\n            }\r\n          }\r\n        })\r\n      },\r\n      setStatus(arr) {\r\n        for (const data of arr) {\r\n          let app = this.orders.filter(item => {\r\n            return item.products.length > 0 && item.products[0].id === data.id && item.status <= 2\r\n          });\r\n          data.status = app.length>0 ? app[0].status : 0;\r\n\r\n          let grade = data.params.filter(i => { return i.name === '플러그인 등급' });\r\n          if(grade.length > 0 && grade[0].value.length > 0 && grade[0].value[0].name !== '기본') {\r\n            data.grade = 1;\r\n          } else {\r\n            data.grade = 0;\r\n          }\r\n        }\r\n        arr.sort((a,b)=> {\r\n          return a.status - b.status;\r\n        }).sort((a,b) => {\r\n          return a.grade - b.grade;\r\n        });\r\n        return arr;\r\n      },\r\n      detectClientHeight() {\r\n        this.$nextTick(() => {\r\n          if (this.$refs.tabMenu) {\r\n            this.fixedState = document.getElementById('market-wrapper').getBoundingClientRect().y < 72;\r\n          }\r\n        })\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n  @import '~assets/css/lp_main'\r\n\r\n  #market-wrapper\r\n    width 1200px\r\n    margin 70px auto 0 auto\r\n\r\n  .market-container\r\n    margin-top 70px\r\n\r\n  .cat-selected\r\n    position absolute\r\n    left 0\r\n    bottom 0\r\n    width 100%\r\n    background-color $primary\r\n    height 3px\r\n\r\n  .cat-wrapper\r\n    display grid\r\n    grid-template-columns repeat(4, 1fr)\r\n    max-width 420px\r\n    margin auto\r\n\r\n  .cat-st\r\n    flex 0 0 auto\r\n    position relative\r\n    padding 20px 0\r\n    text-align center\r\n\r\n  .product-item-wrapper\r\n    border-bottom 1px solid $gray1\r\n    padding-bottom 56px\r\n\r\n  .product-item-wrapper:last-child\r\n    border-bottom 0\r\n\r\n  .container-wrapper\r\n    background-color $gray3\r\n    min-height 100vh\r\n    padding-bottom 40px\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!./Market.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!./Market.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Market.vue?vue&type=template&id=77917dde&scoped=true&\"\nimport script from \"./Market.vue?vue&type=script&lang=js&\"\nexport * from \"./Market.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Market.vue?vue&type=style&index=0&id=77917dde&lang=stylus&scoped=true&\"\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  \"77917dde\",\n  null\n  \n)\n\nexport default component.exports","\r\nexport default {\r\n  components: {\r\n\r\n  },\r\n  mixins: [\r\n\r\n  ],\r\n  props: {\r\n\r\n  },\r\n  data() {\r\n    return {\r\n      \"url\": \"\",\r\n      \"loading\": false,\r\n      \"scrollEnd\": false,\r\n      \"isLastPage\": false,\r\n      \"totalCount\": 0,\r\n      \"totalPages\": 1,\r\n      \"currentPage\": 1,\r\n      \"pageLoadType\": \"none\",\r\n      postParam: undefined\r\n\r\n    }\r\n  },\r\n  mounted() {\r\n    if (this.pageLoadType === 'infinite') {\r\n      // 무한 스크롤\r\n      window.document.body.onscroll = function() {\r\n        this.onScroll();\r\n      }.bind(this);\r\n\r\n      this.$nextTick(function () {\r\n        window.addEventListener('scroll', () => {\r\n          this.onScroll();\r\n        });\r\n      })\r\n    }\r\n  },\r\n  methods: {\r\n    onScroll() {\r\n      let scrollTop = document.scrollingElement ? document.scrollingElement.scrollTop : document.getElementsByTagName('html')[0].scrollTop\r\n      scrollTop += window.innerHeight;\r\n\r\n      let scrollHeight = document.getElementById('app').scrollHeight;\r\n\r\n      this.scrollEnd = scrollTop > (scrollHeight - 300);\r\n    },\r\n    getList() {\r\n      if(this.loading || this.currentPage === 1) return;\r\n\r\n      if (this.currentPage > this.totalPages) {\r\n        this.isLastPage = true;\r\n        return;\r\n      }\r\n\r\n      this.loading = true;\r\n\r\n\r\n      // post\r\n      if (this.postParam!==undefined) {\r\n        this.postParam.page_num = this.currentPage;\r\n        this.$axios.post(this.url, this.postParam).then(res => {\r\n          this.currentPage++;\r\n          this.list = this.list.concat(res.data.data);\r\n          this.loading = false;\r\n          this.$store.commit('setLoadingSpinner', false);\r\n        }).catch(()=> {\r\n          this.loading = false;\r\n          this.$store.commit('setLoadingSpinner', false);\r\n        });\r\n      }\r\n      // get\r\n      else {\r\n        this.$axios.get(this.url.replace('page_num=1', `page_num=${this.currentPage}`)).then(res => {\r\n          this.currentPage++;\r\n          this.list = this.list.concat(res.data.data);\r\n          this.loading = false;\r\n        }).catch(()=> {\r\n          this.loading = false;\r\n        });\r\n\r\n      }\r\n    }\r\n  },\r\n  computed: {\r\n\r\n  },\r\n  watch: {\r\n    scrollEnd(n) {\r\n      if(n) {\r\n        this.getList();\r\n      }\r\n    }\r\n  }\r\n}\r\n","import axios from 'axios'\r\n\r\nconst adminAxios = axios.create({\r\n  headers: {\r\n    common: {}\r\n  }\r\n});\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      request: {\r\n        serviceAdmin: adminAxios\r\n      }\r\n    };\r\n  },\r\n  created() {\r\n    this.setAuth();\r\n  },\r\n  methods: {\r\n    setAuth() {\r\n      this.request.serviceAdmin.defaults.baseURL = `${this.backendUrl}/serviceadmin/${this.$store.getters.admin.id}` ;\r\n      this.request.serviceAdmin.defaults.headers.common.Authorization = `Token ${this.$store.getters.admin.token}`;\r\n    }\r\n  }\r\n}\r\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Market.vue?vue&type=style&index=0&id=77917dde&lang=stylus&scoped=true&\""],"sourceRoot":""}