{"version":3,"sources":["webpack:///./src/components/page/SolutionApiDetail.vue?b848","webpack:///src/components/page/SolutionApiDetail.vue","webpack:///./src/components/page/SolutionApiDetail.vue?094f","webpack:///./src/components/page/SolutionApiDetail.vue","webpack:///./src/components/page/SolutionApiDetail.vue?305f"],"names":["render","_vm","this","_h","$createElement","_c","_self","visible","pc","detail","staticClass","staticStyle","_v","class","_s","contentStatus","api_request","packages","toString","support","content","name","phone","email","attrs","talk","talks","on","$event","routerPush","_e","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-0711ebb4.6b6ad8ae.js","sourcesContent":["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(\"Solution API 견적 신청 상세\")]),_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\"},[_vm._v(\"주문전환 방식\")]),_c('div',{staticClass:\"body2 sub2 word-wrap\"},[_vm._v(_vm._s(_vm.detail.api_request.packages.toString()))]),_c('div',{staticClass:\"subtitle7 sub3\"},[_vm._v(\"제공 범위\")]),_c('div',{staticClass:\"body2 sub2 word-wrap\"},[_vm._v(_vm._s(_vm.detail.api_request.support))]),_c('div',{staticClass:\"subtitle7 sub3\"},[_vm._v(\"요청사항\")]),_c('div',{staticClass:\"body2 sub2 word-wrap\"},[_vm._v(_vm._s(_vm.detail.api_request.content))])]),_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/api')}}},[_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(\"Solution API 견적 신청\")])]),_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.api_request.packages.toString()))]),_c('div',{staticClass:\"subtitle7 sub3\"},[_vm._v(\"제공 범위\")]),_c('div',{staticClass:\"body4 sub2\"},[_vm._v(_vm._s(_vm.detail.api_request.support))]),_c('div',{staticClass:\"subtitle7 sub3\"},[_vm._v(\"요청사항\")]),_c('div',{staticClass:\"body4 sub2\"},[_vm._v(_vm._s(_vm.detail.api_request.content))]),_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\">Solution API 견적 신청 상세</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\">주문전환 방식</div>\r\n              <div class=\"body2 sub2 word-wrap\">{{ detail.api_request.packages.toString() }}</div>\r\n              <div class=\"subtitle7 sub3\">제공 범위</div>\r\n              <div class=\"body2 sub2 word-wrap\">{{ detail.api_request.support }}</div>\r\n              <div class=\"subtitle7 sub3\">요청사항</div>\r\n              <div class=\"body2 sub2 word-wrap\">{{ detail.api_request.content }}</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/api')\">목록으로</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\">Solution API 견적 신청</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.api_request.packages.toString() }}</div>\r\n        <div class=\"subtitle7 sub3\">제공 범위</div>\r\n        <div class=\"body4 sub2\">{{ detail.api_request.support }}</div>\r\n        <div class=\"subtitle7 sub3\">요청사항</div>\r\n        <div class=\"body4 sub2\">{{ detail.api_request.content }}</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: \"SolutionApiDetail\",\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        return status[menu.status];\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!./SolutionApiDetail.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!./SolutionApiDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SolutionApiDetail.vue?vue&type=template&id=08e063e7&scoped=true&\"\nimport script from \"./SolutionApiDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./SolutionApiDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SolutionApiDetail.vue?vue&type=style&index=0&id=08e063e7&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  \"08e063e7\",\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!./SolutionApiDetail.vue?vue&type=style&index=0&id=08e063e7&lang=stylus&scoped=true&\""],"sourceRoot":""}