{"version":3,"sources":["webpack:///./src/components/page/SkinInquiryDetail.vue?61c4","webpack:///./src/components/page/SkinInquiryDetail.vue?d072","webpack:///src/components/page/SkinInquiryDetail.vue","webpack:///./src/components/page/SkinInquiryDetail.vue?1833","webpack:///./src/components/page/SkinInquiryDetail.vue?487b"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","attrs","detail","status","talk","talks","on","$event","_v","_e","class","_s","estimate","feature","arrange","period","_f","price","clickAccount","clickAccountList","category","status_kor","product","name","content","clickService","staticRenderFns","component"],"mappings":"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","file":"js/chunk-449bfd86.64e8e48e.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!./SkinInquiryDetail.vue?vue&type=style&index=0&id=da94d9ce&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.detail)?_c('div',[_c('div',{staticClass:\"pc container-top\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"flex\",staticStyle:{\"padding\":\"60px 0 52px 0\"}},[_c('div',{staticClass:\"col-8\",staticStyle:{\"padding-right\":\"30px\"}},[_c('launch-talk',{attrs:{\"vLogo\":false,\"enableChat\":_vm.detail.status<4,\"talkId\":_vm.detail.talk,\"talks\":_vm.talks},on:{\"update:talks\":function($event){_vm.talks=$event}}}),(_vm.detail.status === 4)?_c('div',{staticClass:\"box-done\"},[_vm._v(\"수정작업이 완료되었습니다. 신규 요청이 있다면 내역에서 신청해주세요.\")]):_vm._e()],1),_c('div',{staticClass:\"col-4\",staticStyle:{\"padding-left\":\"30px\"}},[(_vm.detail.status >= 1)?_c('div',{staticClass:\"box-estimate\"},[_c('div',{staticClass:\"detail-title flex-between\",staticStyle:{\"margin-bottom\":\"0\"}},[_c('div',[_vm._v(\"견적서\")]),_c('div',{staticClass:\"body4\",class:(\"\" + (_vm.detail.status === 1 ? 'primary' : 'sub3'))},[_vm._v(\" \"+_vm._s(_vm.detail.status === 1 ? '결제대기' : '결제완료'))])]),_c('div',{staticClass:\"grid-est\"},[_c('div',{staticClass:\"subtitle7 sub3\"},[_vm._v(\"추가기능\")]),_c('div',{staticClass:\"body4 main text-right\"},[_vm._v(_vm._s(_vm.detail.estimate.feature))]),_c('div',{staticClass:\"subtitle7 sub3\"},[_vm._v(\"작업범위\")]),_c('div',{staticClass:\"body4 main text-right\"},[_vm._v(_vm._s(_vm.detail.estimate.arrange))]),_c('div',{staticClass:\"subtitle7 sub3\"},[_vm._v(\"작업기간\")]),_c('div',{staticClass:\"body4 main text-right\"},[_vm._v(_vm._s(_vm.detail.estimate.period))]),_c('div',{staticClass:\"subtitle7 sub3\"},[_vm._v(\"견적금액\")]),_c('div',{staticClass:\"body4 main text-right\"},[_c('span',{staticClass:\"body4-bold\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.detail.price)))]),_vm._v(\"원\")])]),_c('div',{staticClass:\"lp-divider-gray2\"}),(_vm.detail.status === 1)?_c('button',{staticClass:\"button is-primary button-est body2-medium\",on:{\"click\":_vm.clickAccount}},[_vm._v(\"결제하기\")]):_c('button',{staticClass:\"button is-gray button-est body2-medium\",on:{\"click\":_vm.clickAccountList}},[_vm._v(\"결제내역 보기\")])]):_vm._e(),_c('div',{staticClass:\"service-info\"},[_c('div',{staticClass:\"detail-title\"},[_vm._v(\"서비스 정보\")]),_c('div',{staticStyle:{\"margin-bottom\":\"80px\"}},[_c('div',{staticClass:\"subtitle7 sub3\"},[_vm._v(\"문의 유형\")]),_c('div',{staticClass:\"flex-align\",staticStyle:{\"gap\":\"4px\"}},[_c('div',{staticClass:\"body4 main\"},[_vm._v(_vm._s(_vm.detail.category))]),_c('div',{class:(\"status skin-status-\" + (_vm.detail.status))},[_vm._v(_vm._s(_vm.detail.status_kor))])]),_c('div',{staticClass:\"subtitle7 sub3\"},[_vm._v(\"상품종류\")]),_c('div',{staticClass:\"body4 main\"},[_vm._v(\"플랫폼파이 스킨 (\"+_vm._s(_vm.detail.product.name)+\")\")]),_c('div',{staticClass:\"subtitle7 sub3\"},[_vm._v(\"요청사항\")]),_c('div',{staticClass:\"body4 main\"},[_vm._v(_vm._s(_vm.detail.content))])])])])]),_c('div',{staticClass:\"flex-center\"},[_c('button',{staticClass:\"button is-gray body2-medium\",staticStyle:{\"width\":\"242px\",\"height\":\"48px\"},on:{\"click\":_vm.clickService}},[_vm._v(\"내 서비스 목록\")])])])])]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div v-if=\"detail\">\r\n    <div class=\"pc container-top\">\r\n      <div class=\"container\">\r\n        <div class=\"flex\" style=\"padding:60px 0 52px 0\">\r\n          <div class=\"col-8\" style=\"padding-right:30px\">\r\n            <launch-talk :vLogo=\"false\"\r\n                         :enableChat=\"detail.status<4\"\r\n                         :talkId=\"detail.talk\" :talks.sync=\"talks\"></launch-talk>\r\n            <div v-if=\"detail.status === 4\"\r\n              class=\"box-done\">수정작업이 완료되었습니다. 신규 요청이 있다면 내역에서 신청해주세요.</div>\r\n          </div>\r\n          <div class=\"col-4\" style=\"padding-left:30px\">\r\n            <div class=\"box-estimate\" v-if=\"detail.status >= 1\">\r\n              <div class=\"detail-title flex-between\" style=\"margin-bottom:0\">\r\n                <div>견적서</div>\r\n                <div class=\"body4\" :class=\"`${detail.status === 1 ? 'primary' : 'sub3'}`\">\r\n                  {{ detail.status === 1 ? '결제대기' : '결제완료' }}</div>\r\n              </div>\r\n              <div class=\"grid-est\">\r\n                <div class=\"subtitle7 sub3\">추가기능</div>\r\n                <div class=\"body4 main text-right\">{{ detail.estimate.feature }}</div>\r\n\r\n                <div class=\"subtitle7 sub3\">작업범위</div>\r\n                <div class=\"body4 main text-right\">{{ detail.estimate.arrange }}</div>\r\n\r\n                <div class=\"subtitle7 sub3\">작업기간</div>\r\n                <div class=\"body4 main text-right\">{{ detail.estimate.period }}</div>\r\n\r\n                <div class=\"subtitle7 sub3\">견적금액</div>\r\n                <div class=\"body4 main text-right\"><span class=\"body4-bold\">{{ detail.price|currencyNum }}</span>원</div>\r\n              </div>\r\n              <div class=\"lp-divider-gray2\"></div>\r\n              <button v-if=\"detail.status === 1\"\r\n                      class=\"button is-primary button-est body2-medium\" @click=\"clickAccount\">결제하기</button>\r\n              <button v-else\r\n                class=\"button is-gray button-est body2-medium\" @click=\"clickAccountList\">결제내역 보기</button>\r\n            </div>\r\n            <div class=\"service-info\">\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-align\" style=\"gap:4px\">\r\n                  <div class=\"body4 main\">{{ detail.category }}</div>\r\n                  <div :class=\"`status skin-status-${detail.status}`\">{{ detail.status_kor }}</div>\r\n                </div>\r\n                <div class=\"subtitle7 sub3\">상품종류</div>\r\n                <div class=\"body4 main\">플랫폼파이 스킨 ({{ detail.product.name }})</div>\r\n\r\n                <div class=\"subtitle7 sub3\">요청사항</div>\r\n                <div class=\"body4 main\">{{ detail.content }}</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"flex-center\">\r\n          <button class=\"button is-gray body2-medium\" @click=\"clickService\"\r\n                  style=\"width:242px;height:48px\">내 서비스 목록</button>\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import LaunchTalk from \"../component/LaunchTalk\";\r\n  import UserAPIMixin from \"../../mixins/UserAPIMixin\";\r\n  export default {\r\n    name: \"SkinInquiryDetail\",\r\n    components: {LaunchTalk},\r\n    mixins: [\r\n      UserAPIMixin\r\n    ],\r\n    created() {\r\n      this.getData();\r\n    },\r\n    data() {\r\n      return {\r\n        detail: undefined,\r\n        talks: []\r\n      }\r\n    },\r\n    methods: {\r\n      clickService() {\r\n        this.routerPush('/mypage/my_service');\r\n      },\r\n      getData() {\r\n        this.request.user.get(`launchpack/v1/skin_inquiry/${this.$route.query.id}`).then(res => {\r\n          this.detail = res.data;\r\n        });\r\n      },\r\n      clickAccount() {\r\n        this.$store.commit('setBasket', this.detail);\r\n        this.routerPush('/skin_inquiry_account');\r\n      },\r\n      clickAccountList() {\r\n        window.open(`${this.detail.service.domain}/office/admin/service/plan`,'_blank');\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  .pc\r\n    white-space pre-line\r\n    word-break break-word\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    .service-info\r\n      .subtitle7\r\n        margin 24px 0 4px 0\r\n      .subtitle7:first-child\r\n        margin-top 0\r\n\r\n    .box-estimate\r\n      border 1px solid $gray1\r\n      border-radius 12px\r\n      padding 32px\r\n      margin-bottom 40px\r\n    .grid-est\r\n      display grid\r\n      grid-template-columns 80px 1fr\r\n      grid-row-gap 10px\r\n      margin 16px 0\r\n\r\n    .lp-divider-gray2\r\n      width 100%\r\n      height 1px\r\n      background-color $gray2\r\n      margin-bottom 16px\r\n    .button-est\r\n      width 100%\r\n      height 48px\r\n\r\n    .box-done\r\n      border 1px solid $gray1\r\n      padding 12px 16px\r\n      border-radius 8px\r\n      background-color $gray4\r\n      font-size 15px\r\n      color $sub4\r\n\r\n  .skin-status-0\r\n    background-color $gray2\r\n    color $sub2\r\n  .skin-status-1\r\n    background-color $error50\r\n    color $error\r\n  .skin-status-2\r\n  .skin-status-3\r\n  .skin-status-4\r\n    background-color $subcolor50\r\n    color $subcolor2\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!./SkinInquiryDetail.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!./SkinInquiryDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SkinInquiryDetail.vue?vue&type=template&id=da94d9ce&scoped=true&\"\nimport script from \"./SkinInquiryDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./SkinInquiryDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SkinInquiryDetail.vue?vue&type=style&index=0&id=da94d9ce&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  \"da94d9ce\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}