{"version":3,"sources":["webpack:///./src/components/page/ServiceInquiryDetail.vue?1ec9","webpack:///./src/components/page/ServiceInquiryDetail.vue?ac83","webpack:///src/components/page/ServiceInquiryDetail.vue","webpack:///./src/components/page/ServiceInquiryDetail.vue?b94d","webpack:///./src/components/page/ServiceInquiryDetail.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","visible","pc","detail","staticClass","staticStyle","_v","class","_s","contentStatus","service_name","content","_f","account","hope_date","file","attrs","split","pop","_e","support","name","phone","email","talk","talks","on","$event","routerPush","mobile","vOverlay","$router","back","openOverlay","req_email","onCheckEmail","ref","res","directives","rawName","value","expression","closeOverlay","staticRenderFns","component"],"mappings":"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","file":"js/chunk-23eb470e.0cca9191.js","sourcesContent":["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!./ServiceInquiryDetail.vue?vue&type=style&index=0&id=42e86f6d&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.visible.pc && _vm.detail)?_c('div',{staticClass:\"pc container-top\"},[(_vm.detail)?_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"h5 main\",staticStyle:{\"padding\":\"60px 0 52px 0\"}},[_vm._v(\"주문제작 상담 상세\")]),_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"col-4\",staticStyle:{\"padding-right\":\"30px\"}},[_c('div',{staticClass:\"detail-title\"},[_vm._v(\"서비스 정보\")]),_c('div',{staticStyle:{\"margin-bottom\":\"80px\"}},[_c('div',{staticClass:\"subtitle7 sub3\"},[_vm._v(\"진행 상태\")]),_c('div',{staticClass:\"flex\"},[_c('div',{class:(\"status status-\" + (_vm.detail.status))},[_vm._v(_vm._s(_vm.contentStatus(_vm.detail)))])]),_c('div',{staticClass:\"subtitle7 sub3 word-wrap\"},[_vm._v(\"서비스 이름\")]),_c('div',{staticClass:\"body2 sub2\"},[_vm._v(_vm._s(_vm.detail.service_name))]),_c('div',{staticClass:\"subtitle7 sub3\"},[_vm._v(\"서비스 소개\")]),_c('div',{staticClass:\"body2 sub2 word-wrap\"},[_vm._v(_vm._s(_vm.detail.content))]),_c('div',{staticClass:\"subtitle7 sub3\"},[_vm._v(\"제작예산\")]),_c('div',{staticClass:\"body2 sub2\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.detail.account))+\"만원\")]),_c('div',{staticClass:\"subtitle7 sub3\"},[_vm._v(\"희망 소요기간\")]),_c('div',{staticClass:\"body2 sub2\"},[_vm._v(_vm._s(_vm.detail.hope_date)+\"개월\")]),(_vm.detail.file && _vm.detail.file !== '')?[_c('div',{staticClass:\"subtitle7 sub3\"},[_vm._v(\"참고자료\")]),_c('div',{staticClass:\"body2 sub2 flex-align\"},[_c('img',{staticClass:\"svg-sub3 margin-right-8\",staticStyle:{\"width\":\"18px\",\"height\":\"18px\"},attrs:{\"src\":\"/static/icon/u_paperclip.svg\"}}),_c('a',{attrs:{\"href\":_vm.detail.file,\"target\":\"_blank\"}},[_vm._v(_vm._s(_vm.detail.file.split('/').pop()))])])]:_vm._e(),_c('div',{staticClass:\"subtitle7 sub3\"},[_vm._v(\"서비스 지원환경\")]),_c('div',{staticClass:\"body2 sub2\"},[_vm._v(_vm._s(_vm.detail.support))])],2),_c('div',{staticClass:\"detail-title\"},[_vm._v(\"신청자 정보\")]),_c('div',[_c('div',{staticClass:\"subtitle7 sub3\"},[_vm._v(\"성함(혹은 회사명)\")]),_c('div',{staticClass:\"body2 sub2\"},[_vm._v(_vm._s(_vm.detail.name))]),_c('div',{staticClass:\"subtitle7 sub3\"},[_vm._v(\"연락처\")]),_c('div',{staticClass:\"body2 sub2\"},[_vm._v(_vm._s(_vm.detail.phone))]),_c('div',{staticClass:\"subtitle7 sub3\"},[_vm._v(\"이메일\")]),_c('div',{staticClass:\"body2 sub2\"},[_vm._v(_vm._s(_vm.detail.email))])])]),_c('div',{staticClass:\"col-8\",staticStyle:{\"padding-left\":\"30px\"}},[_c('launch-talk',{attrs:{\"talkId\":_vm.detail.talk,\"talks\":_vm.talks},on:{\"update:talks\":function($event){_vm.talks=$event}}})],1)]),_c('div',{staticClass:\"flex-center\",staticStyle:{\"margin-top\":\"80px\"}},[_c('button',{staticClass:\"button is-gray\",staticStyle:{\"width\":\"242px\"},on:{\"click\":function($event){return _vm.routerPush('/mypage/inquiry')}}},[_vm._v(\"목록으로\")])])]):_vm._e()]):_vm._e(),(_vm.visible.mobile && _vm.detail)?_c('div',{staticClass:\"mobile\"},[(!_vm.vOverlay)?_c('div',{staticClass:\"header-mobile\"},[_c('div',{staticClass:\"flex-between\",staticStyle:{\"height\":\"60px\"}},[_c('div',{staticClass:\"flex-align\"},[_c('img',{staticClass:\"header-mobile-back\",attrs:{\"src\":\"/static/icon/u_arrow-left.svg\"},on:{\"click\":function($event){return _vm.$router.back()}}}),_c('div',{staticClass:\"header-mobile-title\"},[_vm._v(_vm._s(_vm.detail.service_name))])]),_c('button',{staticClass:\"button is-primary-light\",on:{\"click\":_vm.openOverlay}},[_vm._v(\"내 주문 요청서\")])]),_c('div',{staticClass:\"flex-align\",staticStyle:{\"height\":\"40px\",\"padding\":\"0 8px\"}},[_c('lp-check-bool',{attrs:{\"checkedVal\":_vm.req_email,\"label\":\"답변을 이메일 알림으로 받겠습니다.\"},on:{\"update:checkedVal\":function($event){_vm.req_email=$event},\"update:checked-val\":function($event){_vm.req_email=$event},\"onCheck\":_vm.onCheckEmail}})],1)]):_vm._e(),_c('launch-talk',{ref:\"talk\",attrs:{\"talkId\":_vm.detail.talk,\"talks\":_vm.talks},on:{\"update:talks\":function($event){_vm.talks=$event},\"onCheckEmail\":function (res) { return _vm.req_email = res; }}}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.vOverlay),expression:\"vOverlay\"}],staticClass:\"overlay-detail\"},[_c('div',{staticClass:\"header-overlay\"},[_c('div',{staticStyle:{\"width\":\"32px\"}}),_c('div',{staticClass:\"subtitle5 main\"},[_vm._v(\"내 주문 요청서\")]),_c('img',{attrs:{\"src\":\"/static/icon/fi_close.svg\"},on:{\"click\":_vm.closeOverlay}})]),_c('div',{staticClass:\"detail-title\"},[_vm._v(\"서비스 정보\")]),_c('div',{staticClass:\"flex\"},[_c('div',{class:(\"status status-\" + (_vm.detail.status))},[_vm._v(_vm._s(_vm.contentStatus(_vm.detail)))])]),_c('div',{staticClass:\"subtitle7 sub3\",staticStyle:{\"border-top\":\"0\"}},[_vm._v(\"서비스 이름\")]),_c('div',{staticClass:\"body4 sub2\"},[_vm._v(_vm._s(_vm.detail.service_name))]),_c('div',{staticClass:\"subtitle7 sub3\"},[_vm._v(\"서비스 소개\")]),_c('div',{staticClass:\"body4 sub2\"},[_vm._v(_vm._s(_vm.detail.content))]),_c('div',{staticClass:\"subtitle7 sub3\"},[_vm._v(\"제작예산\")]),_c('div',{staticClass:\"body4 sub2\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.detail.account))+\"만원\")]),_c('div',{staticClass:\"subtitle7 sub3\"},[_vm._v(\"희망 소요기간\")]),_c('div',{staticClass:\"body4 sub2\"},[_vm._v(_vm._s(_vm.detail.hope_date)+\"개월\")]),_c('div',{staticClass:\"subtitle7 sub3\"},[_vm._v(\"참고자료\")]),(_vm.detail.file && _vm.detail.file!=='')?_c('div',{staticClass:\"body4 sub2 flex-align\"},[_c('img',{staticClass:\"svg-sub3\",staticStyle:{\"width\":\"18px\",\"height\":\"18px\",\"margin-right\":\"6px\"},attrs:{\"src\":\"/static/icon/u_paperclip.svg\"}}),_c('a',{attrs:{\"href\":_vm.detail.file,\"target\":\"_blank\"}},[_vm._v(_vm._s(_vm.detail.file.split('/').pop()))])]):_vm._e(),_c('div',{staticClass:\"subtitle7 sub3\"},[_vm._v(\"서비스 지원환경\")]),_c('div',{staticClass:\"body4 sub2\"},[_vm._v(_vm._s(_vm.detail.support))]),_c('div',{staticClass:\"detail-title\",staticStyle:{\"margin-top\":\"24px\"}},[_vm._v(\"신청자 정보\")]),_c('div',{staticClass:\"subtitle7 sub3\",staticStyle:{\"border-top\":\"0\",\"margin-top\":\"0\"}},[_vm._v(\"성함(혹은 회사명)\")]),_c('div',{staticClass:\"body4 sub2\"},[_vm._v(_vm._s(_vm.detail.name))]),_c('div',{staticClass:\"subtitle7 sub3\"},[_vm._v(\"연락처\")]),_c('div',{staticClass:\"body4 sub2\"},[_vm._v(_vm._s(_vm.detail.phone))]),_c('div',{staticClass:\"subtitle7 sub3\"},[_vm._v(\"이메일\")]),_c('div',{staticClass:\"body4 sub2\"},[_vm._v(_vm._s(_vm.detail.email))])])],1):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <!-- pc -->\r\n    <div class=\"pc container-top\" v-if=\"visible.pc && detail\">\r\n      <div class=\"container\" v-if=\"detail\">\r\n        <div class=\"h5 main\" style=\"padding:60px 0 52px 0\">주문제작 상담 상세</div>\r\n        <div class=\"flex\">\r\n          <div class=\"col-4\" style=\"padding-right: 30px\">\r\n            <div class=\"detail-title\">서비스 정보</div>\r\n            <div style=\"margin-bottom:80px\">\r\n              <div class=\"subtitle7 sub3\">진행 상태</div>\r\n              <div class=\"flex\">\r\n                <div :class=\"`status status-${detail.status}`\">{{ contentStatus(detail) }}</div>\r\n              </div>\r\n              <div class=\"subtitle7 sub3 word-wrap\">서비스 이름</div>\r\n              <div class=\"body2 sub2\">{{ detail.service_name }}</div>\r\n              <div class=\"subtitle7 sub3\">서비스 소개</div>\r\n              <div class=\"body2 sub2 word-wrap\">{{ detail.content }}</div>\r\n              <div class=\"subtitle7 sub3\">제작예산</div>\r\n              <div class=\"body2 sub2\">{{ detail.account|currencyNum }}만원</div>\r\n              <div class=\"subtitle7 sub3\">희망 소요기간</div>\r\n              <div class=\"body2 sub2\">{{ detail.hope_date }}개월</div>\r\n              <template v-if=\"detail.file && detail.file !== ''\">\r\n                <div class=\"subtitle7 sub3\">참고자료</div>\r\n                <div class=\"body2 sub2 flex-align\">\r\n                  <img src=\"/static/icon/u_paperclip.svg\"\r\n                       class=\"svg-sub3 margin-right-8\"\r\n                       style=\"width:18px;height:18px\"/>\r\n                  <a :href=\"detail.file\" target=\"_blank\">{{ detail.file.split('/').pop() }}</a></div>\r\n              </template>\r\n              <div class=\"subtitle7 sub3\">서비스 지원환경</div>\r\n              <div class=\"body2 sub2\">{{ detail.support }}</div>\r\n            </div>\r\n\r\n            <div class=\"detail-title\">신청자 정보</div>\r\n            <div>\r\n              <div class=\"subtitle7 sub3\">성함(혹은 회사명)</div>\r\n              <div class=\"body2 sub2\">{{ detail.name }}</div>\r\n              <div class=\"subtitle7 sub3\">연락처</div>\r\n              <div class=\"body2 sub2\">{{ detail.phone }}</div>\r\n              <div class=\"subtitle7 sub3\">이메일</div>\r\n              <div class=\"body2 sub2\">{{ detail.email }}</div>\r\n            </div>\r\n          </div>\r\n          <div class=\"col-8\" style=\"padding-left:30px\">\r\n            <launch-talk :talkId=\"detail.talk\" :talks.sync=\"talks\"></launch-talk>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"flex-center\" style=\"margin-top:80px\">\r\n          <button class=\"button is-gray\" style=\"width:242px\" @click=\"routerPush('/mypage/inquiry')\">목록으로</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- mobile -->\r\n    <div class=\"mobile\" v-if=\"visible.mobile && detail\">\r\n      <!-- 헤더 -->\r\n      <div class=\"header-mobile\" v-if=\"!vOverlay\">\r\n        <div class=\"flex-between\" style=\"height:60px\">\r\n          <div class=\"flex-align\">\r\n            <img class=\"header-mobile-back\" src=\"/static/icon/u_arrow-left.svg\" @click=\"$router.back()\">\r\n            <div class=\"header-mobile-title\">{{ detail.service_name }}</div>\r\n          </div>\r\n          <button class=\"button is-primary-light\" @click=\"openOverlay\">내 주문 요청서</button>\r\n        </div>\r\n        <div class=\"flex-align\" style=\"height:40px;padding:0 8px\">\r\n          <lp-check-bool :checkedVal.sync=\"req_email\" @onCheck=\"onCheckEmail\"\r\n                         label=\"답변을 이메일 알림으로 받겠습니다.\"></lp-check-bool>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- 채팅 -->\r\n      <launch-talk :talkId=\"detail.talk\" :talks.sync=\"talks\" ref=\"talk\" @onCheckEmail=\"res => req_email = res\"></launch-talk>\r\n\r\n      <!-- 주문 요청서 오버레이 -->\r\n      <div class=\"overlay-detail\" v-show=\"vOverlay\">\r\n        <div class=\"header-overlay\">\r\n          <div style=\"width:32px\"></div>\r\n          <div class=\"subtitle5 main\">내 주문 요청서</div>\r\n          <img src=\"/static/icon/fi_close.svg\" @click=\"closeOverlay\">\r\n        </div>\r\n        <div class=\"detail-title\">서비스 정보</div>\r\n        <div class=\"flex\">\r\n          <div :class=\"`status status-${detail.status}`\">{{ contentStatus(detail) }}</div>\r\n        </div>\r\n        <div class=\"subtitle7 sub3\" style=\"border-top:0\">서비스 이름</div>\r\n        <div class=\"body4 sub2\">{{ detail.service_name }}</div>\r\n        <div class=\"subtitle7 sub3\">서비스 소개</div>\r\n        <div class=\"body4 sub2\">{{ detail.content }}</div>\r\n        <div class=\"subtitle7 sub3\">제작예산</div>\r\n        <div class=\"body4 sub2\">{{ detail.account|currencyNum }}만원</div>\r\n        <div class=\"subtitle7 sub3\">희망 소요기간</div>\r\n        <div class=\"body4 sub2\">{{ detail.hope_date }}개월</div>\r\n        <div class=\"subtitle7 sub3\">참고자료</div>\r\n        <div class=\"body4 sub2 flex-align\" v-if=\"detail.file && detail.file!==''\">\r\n          <img src=\"/static/icon/u_paperclip.svg\"\r\n               class=\"svg-sub3\"\r\n               style=\"width:18px;height:18px;margin-right:6px\"/>\r\n          <a :href=\"detail.file\" target=\"_blank\">{{ detail.file.split('/').pop() }}</a></div>\r\n        <div class=\"subtitle7 sub3\">서비스 지원환경</div>\r\n        <div class=\"body4 sub2\">{{ detail.support }}</div>\r\n        <div class=\"detail-title\" style=\"margin-top:24px\">신청자 정보</div>\r\n        <div class=\"subtitle7 sub3\" style=\"border-top:0;margin-top:0\">성함(혹은 회사명)</div>\r\n        <div class=\"body4 sub2\">{{ detail.name }}</div>\r\n        <div class=\"subtitle7 sub3\">연락처</div>\r\n        <div class=\"body4 sub2\">{{ detail.phone }}</div>\r\n        <div class=\"subtitle7 sub3\">이메일</div>\r\n        <div class=\"body4 sub2\">{{ detail.email }}</div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import UserAPIMixin from \"../../mixins/UserAPIMixin\";\r\n  import LaunchTalk from \"../component/LaunchTalk\";\r\n  import LpCheckBool from \"../module/LpCheckBool\";\r\n\r\n  export default {\r\n    name: \"ServiceInquiryDetail\",\r\n    components: {LpCheckBool, LaunchTalk},\r\n    mixins: [\r\n      UserAPIMixin\r\n    ],\r\n    created() {\r\n      this.loginRequired();\r\n      this.resizeEvent();\r\n      this.getData();\r\n      window.onpopstate = () => {\r\n        this.popState();\r\n      };\r\n      window.addEventListener('resize',this.resizeEvent);\r\n    },\r\n    beforeDestroy() {\r\n      window.removeEventListener('resize',this.resizeEvent);\r\n    },\r\n    data() {\r\n      return {\r\n        visible: {\r\n          pc: false,\r\n          mobile: false\r\n        },\r\n        detail: undefined,\r\n        vOverlay: false,\r\n        talks: [],\r\n        req_email: false\r\n      }\r\n    },\r\n    methods: {\r\n      onCheckEmail() {\r\n        this.$refs.talk.req_email = this.req_email;\r\n        this.$refs.talk.onCheckEmail(this.req_email);\r\n      },\r\n      resizeEvent() {\r\n        if(window.innerWidth < 1000) {\r\n          this.visible.pc = false;\r\n          this.visible.mobile = true;\r\n        } else {\r\n          this.visible.pc = true;\r\n          this.visible.mobile = false;\r\n        }\r\n      },\r\n      popState() {\r\n        document.getElementsByTagName('html')[0].style.overflow = '';\r\n        if(this.vOverlay) {\r\n          this.vOverlay = false;\r\n        }\r\n      },\r\n      openOverlay() {\r\n        this.vOverlay = true;\r\n        document.getElementsByTagName('html')[0].style.overflow = 'hidden';\r\n        history.pushState(null, '', location.href);\r\n      },\r\n      closeOverlay() {\r\n        this.vOverlay = false;\r\n        history.back();\r\n      },\r\n      getData() {\r\n        this.request.user.get(`launchpack/service/inquiry/${this.$route.query.id}`).then(res => {\r\n          this.detail = res.data;\r\n        });\r\n      },\r\n      contentStatus(menu) {\r\n        let status = {\r\n          0: '신청 미확인',\r\n          1: '신청 확인',\r\n          2: '상담완료'\r\n        };\r\n        let result = status[menu.status];\r\n        if(menu.status === 2 && menu.service_status > 0) {\r\n          result = menu.service_status === 1 ? '서비스 미등록' : '서비스 등록';\r\n        }\r\n        return result;\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  .detail-title\r\n    color $main\r\n    font-size 24px\r\n    line-height 34px\r\n    font-weight 500\r\n    padding-bottom 16px\r\n    border-bottom 1px solid $sub5\r\n    margin-bottom 32px\r\n\r\n  .grid\r\n    grid-template-columns 0.3fr 1fr\r\n    grid-row-gap 16px\r\n\r\n  .clip\r\n    transform rotate(45deg)\r\n    color $sub3\r\n    font-size 18px\r\n    vertical-align sub\r\n    margin-right 8px\r\n\r\n  .subtitle7\r\n    margin 24px 0 4px 0\r\n  .subtitle7:first-child\r\n    margin-top 0\r\n\r\n  a\r\n    text-decoration underline\r\n\r\n  .word-wrap\r\n    white-space pre-line\r\n    word-break break-word\r\n\r\n  @media (max-width:1024px)\r\n    .detail-title\r\n      font-size 16px\r\n      font-weight 700\r\n      padding-bottom 8px\r\n      margin-bottom 16px\r\n      color $main\r\n\r\n    .subtitle7\r\n      border-top 1px solid $gray2\r\n      margin-top 12px\r\n      padding-top 12px\r\n\r\n    .header-mobile\r\n      height 104px\r\n\r\n    .header-overlay\r\n      height 60px\r\n      display flex\r\n      align-items center\r\n      justify-content space-between\r\n\r\n    .header-mobile\r\n    .header-overlay\r\n      width 100%\r\n      background-color white\r\n      border-bottom 1px solid $gray1\r\n      padding 0 16px 0 8px\r\n      position fixed\r\n      top 0\r\n      left 0\r\n      z-index 1\r\n      .header-mobile-back\r\n        width 36px\r\n        height 36px\r\n        padding 6px 4px 2px 4px\r\n      .header-mobile-title\r\n        font-size 16px\r\n        font-weight 500\r\n        color $main\r\n        margin-left 16px\r\n      .button\r\n        width 96px\r\n        height 32px\r\n        line-height 29px\r\n        border-radius 18px\r\n        font-size 12px\r\n        font-weight 500\r\n\r\n    .overlay-detail\r\n      position fixed\r\n      top 0\r\n      left 0\r\n      z-index 2\r\n      background-color white\r\n      width 100%\r\n      height 100vh\r\n      overflow-y auto\r\n      padding 84px 16px\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!./ServiceInquiryDetail.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!./ServiceInquiryDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ServiceInquiryDetail.vue?vue&type=template&id=42e86f6d&scoped=true&\"\nimport script from \"./ServiceInquiryDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./ServiceInquiryDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ServiceInquiryDetail.vue?vue&type=style&index=0&id=42e86f6d&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  \"42e86f6d\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}