{"version":3,"sources":["webpack:///./src/components/page/TemplateInquiryDetail.vue?4756","webpack:///./src/components/page/TemplateInquiryDetail.vue?ad4c","webpack:///src/components/page/TemplateInquiryDetail.vue","webpack:///./src/components/page/TemplateInquiryDetail.vue?79cd","webpack:///./src/components/page/TemplateInquiryDetail.vue?47a6"],"names":["render","_vm","this","_h","$createElement","_c","_self","visible","pc","detail","staticClass","staticStyle","_v","class","_s","contentStatus","category","title","content","attrs","url","_l","file","idx","key","split","pop","name","phone","email","talk","talks","on","$event","routerPush","_e","mobile","vOverlay","$router","back","service_name","openOverlay","req_email","onCheckEmail","ref","res","directives","rawName","value","expression","closeOverlay","staticRenderFns","component"],"mappings":"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","file":"js/chunk-46dc39e9.efac969c.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!./TemplateInquiryDetail.vue?vue&type=style&index=0&id=3d080634&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\",staticStyle:{\"padding-top\":\"40px\"}},[_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.category))]),_c('div',{staticClass:\"subtitle7 sub3 word-wrap\"},[_vm._v(\"제목\")]),_c('div',{staticClass:\"body2 sub2\"},[_vm._v(_vm._s(_vm.detail.title))]),_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(\"서비스 url\")]),_c('a',{attrs:{\"href\":_vm.detail.url,\"target\":\"_blank\"}},[_c('div',{staticClass:\"body2 sub2\"},[_vm._v(_vm._s(_vm.detail.url))])]),_c('div',{staticClass:\"subtitle7 sub3\"},[_vm._v(\"판매 파일\")]),_vm._l((_vm.detail.files),function(file,idx){return _c('div',{key:(\"file-\" + idx)},[_c('a',{attrs:{\"href\":file,\"target\":\"_blank\"}},[_c('div',{staticClass:\"box-file\"},[_c('img',{attrs:{\"src\":\"/static/icon/draw_api.svg\"}}),_c('div',{staticClass:\"body4 main\",staticStyle:{\"text-decoration\":\"none\"}},[_vm._v(_vm._s(file.split('/').pop()))])])])])})],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/my_template_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.category))]),_c('div',{staticClass:\"subtitle7 sub3\",staticStyle:{\"border-top\":\"0\"}},[_vm._v(\"제목\")]),_c('div',{staticClass:\"body4 sub2\"},[_vm._v(_vm._s(_vm.detail.title))]),_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(\"서비스 url\")]),_c('a',{attrs:{\"href\":_vm.detail.url,\"target\":\"_blank\"}},[_c('div',{staticClass:\"body4 sub2\"},[_vm._v(_vm._s(_vm.detail.url))])]),_c('div',{staticClass:\"subtitle7 sub3\"},[_vm._v(\"판매 파일\")]),_vm._l((_vm.detail.files),function(file,idx){return _c('div',{key:(\"file-\" + idx)},[_c('a',{attrs:{\"href\":file,\"target\":\"_blank\"}},[_c('div',{staticClass:\"box-file\"},[_c('img',{attrs:{\"src\":\"/static/icon/draw_api.svg\"}}),_c('div',{staticClass:\"body4 main\",staticStyle:{\"text-decoration\":\"none\"}},[_vm._v(_vm._s(file.split('/').pop()))])])])])}),_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))])],2)],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\" style=\"padding-top:40px\">\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.category }}</div>\r\n              <div class=\"subtitle7 sub3 word-wrap\">제목</div>\r\n              <div class=\"body2 sub2\">{{ detail.title }}</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\">서비스 url</div>\r\n              <a :href=\"detail.url\" target=\"_blank\">\r\n                <div class=\"body2 sub2\">{{ detail.url }}</div>\r\n              </a>\r\n              <div class=\"subtitle7 sub3\">판매 파일</div>\r\n              <div v-for=\"(file,idx) in detail.files\" :key=\"`file-${idx}`\">\r\n                <a :href=\"file\" target=\"_blank\">\r\n                  <div class=\"box-file\">\r\n                    <img src=\"/static/icon/draw_api.svg\">\r\n                    <div class=\"body4 main\" style=\"text-decoration: none\">{{ file.split('/').pop() }}</div>\r\n                  </div>\r\n                </a>\r\n              </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/my_template_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.category }}</div>\r\n        <div class=\"subtitle7 sub3\" style=\"border-top:0\">제목</div>\r\n        <div class=\"body4 sub2\">{{ detail.title }}</div>\r\n        <div class=\"subtitle7 sub3\">내용</div>\r\n        <div class=\"body4 sub2\">{{ detail.content }}</div>\r\n        <div class=\"subtitle7 sub3\">서비스 url</div>\r\n        <a :href=\"detail.url\" target=\"_blank\">\r\n          <div class=\"body4 sub2\">{{ detail.url }}</div>\r\n        </a>\r\n        <div class=\"subtitle7 sub3\">판매 파일</div>\r\n        <div v-for=\"(file,idx) in detail.files\" :key=\"`file-${idx}`\">\r\n          <a :href=\"file\" target=\"_blank\">\r\n            <div class=\"box-file\">\r\n              <img src=\"/static/icon/draw_api.svg\">\r\n              <div class=\"body4 main\" style=\"text-decoration: none\">{{ file.split('/').pop() }}</div>\r\n            </div>\r\n          </a>\r\n        </div>\r\n\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: \"TemplateInquiryDetail\",\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(`inquiry/source/${this.$route.query.id}`).then(res => {\r\n          this.detail = res.data;\r\n        });\r\n      },\r\n      contentStatus(menu) {\r\n        return {\r\n          0: '문의내용 확인중',\r\n          1: '파일 등록완료'\r\n        }[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  .box-file\r\n    margin-top 4px\r\n    display flex\r\n    align-items center\r\n    border 1px solid $gray\r\n    padding 10px 12px\r\n    border-radius 8px\r\n    gap 8px\r\n    img\r\n      width 18px\r\n      height 18px\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 106px\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\r\n  .status-1\r\n    background-color $subcolor50\r\n    color $subcolor2\r\n\r\n  .status\r\n    width 120px\r\n    text-align center\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!./TemplateInquiryDetail.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!./TemplateInquiryDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TemplateInquiryDetail.vue?vue&type=template&id=3d080634&scoped=true&\"\nimport script from \"./TemplateInquiryDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./TemplateInquiryDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TemplateInquiryDetail.vue?vue&type=style&index=0&id=3d080634&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  \"3d080634\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}