{"version":3,"sources":["webpack:///./src/components/page/ThemeRequestList.vue?b636","webpack:///./src/components/page/ThemeRequestList.vue?f4e5","webpack:///src/components/page/ThemeRequestList.vue","webpack:///./src/components/page/ThemeRequestList.vue?7dc3","webpack:///./src/components/page/ThemeRequestList.vue?a8b3"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_m","_l","menu","idx","key","_s","service_name","style","imgField","imgs","product_name","_f","price","created_time","staticStyle","contentStatus","status","service_status","staticRenderFns","component"],"mappings":"kHAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIO,GAAG,iBAAiBP,EAAIQ,GAAG,GAAGJ,EAAG,MAAM,CAACE,YAAY,cAAcF,EAAG,MAAM,CAACE,YAAY,YAAYN,EAAIS,GAAIT,EAAS,OAAE,SAASU,EAAKC,GAAK,OAAOP,EAAG,MAAM,CAACQ,IAAI,QAAQD,EAAIL,YAAY,6CAA6C,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAAEI,EAAiB,aAAEN,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACN,EAAIO,GAAGP,EAAIa,GAAGH,EAAKI,iBAAiBV,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACN,EAAIO,GAAG,SAASH,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,WAAWS,MAAOf,EAAIgB,SAASN,EAAKO,KAAK,QAASb,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIO,GAAGP,EAAIa,GAAGH,EAAKQ,cAAc,MAAMlB,EAAIa,GAAGb,EAAImB,GAAG,WAAPnB,CAAmBU,EAAKU,QAAQ,MAAMpB,EAAIa,GAAGH,EAAKW,mBAAmBjB,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,eAAegB,YAAY,CAAC,MAAQ,UAAU,CAACtB,EAAIO,GAAG,IAAIP,EAAIa,GAAGb,EAAIuB,cAAcb,EAAKc,OAAQd,EAAKe,iBAAiB,cAAa,QAC7iCC,EAAkB,CAAC,WAAa,IAAI1B,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,mCAAmC,CAACF,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACN,EAAIO,GAAG,WAAWH,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACN,EAAIO,GAAG,WAAWH,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACN,EAAIO,GAAG,YC4CzV,GACE,KAAF,mBACE,KAFF,WAGI,MAAJ,CACM,MAAN,GACM,UAAN,EACM,UAAN,IAIE,QAVF,WAWI,KAAJ,YAGE,QAAF,CACI,SADJ,WACM,IAAN,OACM,KAAN,yFACA,kBACQ,EAAR,sBAII,WARJ,SAQA,GACM,MAAN,CACQ,gBAAR,qBACQ,MAAR,OACQ,OAAR,SAGI,cAfJ,SAeA,KACM,IAAN,KAMM,OALN,eACA,gCACA,gCACA,iBACA,mBACA,KCjFyW,I,wBCQrWoB,EAAY,eACd,EACA5B,EACA2B,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-2b742ced.42a83732.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ThemeRequestList.vue?vue&type=style&index=0&id=939cdfe6&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"main-container\"},[_c('div',{staticClass:\"main-title\"},[_vm._v(\"테마 상품 신청 내역\")]),_vm._m(0),_c('div',{staticClass:\"space-top\"}),_c('div',{staticClass:\"col-wrap\"},_vm._l((_vm.menus),function(menu,idx){return _c('div',{key:'menu-'+idx,staticClass:\"columns is-multiline lp-row-border-bottom\"},[_c('div',{staticClass:\"column is-3\"},[(menu.service_name)?_c('div',{staticClass:\"service-name\"},[_vm._v(_vm._s(menu.service_name))]):_c('div',{staticClass:\"service-name\"},[_vm._v(\"-\")])]),_c('div',{staticClass:\"column is-6 flex\"},[_c('div',[_c('div',{staticClass:\"card-img\",style:(_vm.imgField(menu.imgs[0]))})]),_c('div',{staticClass:\"info-price\"},[_vm._v(_vm._s(menu.product_name)+\" / \"+_vm._s(_vm._f(\"currency\")(menu.price))+\" / \"+_vm._s(menu.created_time))])]),_c('div',{staticClass:\"column is-3\"},[_c('div',{staticClass:\"service-name\",staticStyle:{\"width\":\"unset\"}},[_vm._v(\" \"+_vm._s(_vm.contentStatus(menu.status, menu.service_status))+\" \")])])])}),0)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"menu-title columns is-multiline\"},[_c('div',{staticClass:\"column is-3 lp-menu\"},[_vm._v(\"테마 이름\")]),_c('div',{staticClass:\"column is-6 lp-menu\"},[_vm._v(\"신청 정보\")]),_c('div',{staticClass:\"column is-3 lp-menu\"},[_vm._v(\"상태\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"main-container\">\r\n\r\n      <div class=\"main-title\">테마 상품 신청 내역</div>\r\n\r\n      <div class=\"menu-title columns is-multiline\">\r\n        <div class=\"column is-3 lp-menu\">테마 이름</div>\r\n        <div class=\"column is-6 lp-menu\">신청 정보</div>\r\n        <div class=\"column is-3 lp-menu\">상태</div>\r\n      </div>\r\n\r\n      <div class=\"space-top\"></div>\r\n\r\n      <div class=\"col-wrap\">\r\n        <div class=\"columns is-multiline lp-row-border-bottom\"\r\n             v-for=\"(menu, idx) in menus\"\r\n             :key=\"'menu-'+idx\">\r\n          <!--서비스명-->\r\n          <div class=\"column is-3\">\r\n            <div class=\"service-name\" v-if=\"menu.service_name\">{{menu.service_name}}</div>\r\n            <div class=\"service-name\" v-else>-</div>\r\n          </div>\r\n\r\n          <!--테마/요금-->\r\n          <div class=\"column is-6 flex\">\r\n            <div>\r\n              <div class=\"card-img\" :style=\"imgField(menu.imgs[0])\"></div>\r\n            </div>\r\n            <div class=\"info-price\">{{menu.product_name}} / {{menu.price|currency}} / {{ menu.created_time }}</div>\r\n          </div>\r\n          <!--상태-->\r\n          <div class=\"column is-3\">\r\n            <div class=\"service-name\" style=\"width:unset\">\r\n              {{contentStatus(menu.status, menu.service_status)}}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: \"ThemeRequestList\",\r\n    data() {\r\n      return {\r\n        menus: [],\r\n        isActive:true,\r\n        hasError:false\r\n\r\n      }\r\n    },\r\n    created() {\r\n      this.getMenus();\r\n    },\r\n\r\n    methods:{\r\n      getMenus(){\r\n        this.$axios.get(`user/${this.$store.getters.user.user_id}/launchpack/theme/request`)\r\n          .then(res => {\r\n            this.menus = res.data.data;\r\n          });\r\n\r\n      },\r\n      contentImg(img){\r\n        return {\r\n          backgroundImage: `url(${img})`,\r\n          width:'57px',\r\n          height:'57px'\r\n        }\r\n      },\r\n      contentStatus(status, service_status) {\r\n        let value = '';\r\n        if (status===0) value = '신청완료';\r\n        else if(status===2 && service_status===1) value = '상담 후 솔루션 이용 결정'\r\n        else if(status===2 && service_status===2) value = '상담 후 솔루션 이용 포기'\r\n        else if (status===1) value = '상담 대기중';\r\n        else if (status===2) value = '상담 완료';\r\n        return value;\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n\r\n  .card-img{\r\n    position: relative;\r\n    width: 54px;\r\n    height:54px;\r\n    border-radius: 3px 3px 0 0;\r\n    background-color: white;\r\n    margin:20px 0 20px 0;\r\n  }\r\n\r\n  .main-container{\r\n    /*border:1px solid black;*/\r\n    width: 100%;\r\n    height:100%;\r\n    /*display: flex;*/\r\n  }\r\n\r\n\r\n  .main-title{\r\n    height: 27px;\r\n    font-size: 18px;\r\n    text-align: center;\r\n    line-height: 27px;\r\n    color:#393e46;\r\n    margin:175px 0 40px 0;\r\n    font-weight: 900;\r\n  }\r\n  .col-wrap{\r\n    margin: auto;\r\n    height:100%;\r\n    margin-bottom:80px;\r\n  }\r\n\r\n  .columns {\r\n    width: 1080px;\r\n    border-spacing: 0;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .service-name{\r\n    height: 27px;\r\n    font-size: 18px;\r\n    font-weight: bold;\r\n    line-height: 1.5;\r\n    text-align: left;\r\n    color: #393e46;\r\n    margin:27px 0 27px 0;\r\n\r\n  }\r\n  .e-mail{\r\n    width: 190px;\r\n    height: 19px;\r\n    font-size: 13px;\r\n    font-weight: 300;\r\n    line-height: 1.46;\r\n    text-align: left;\r\n    color: #45b7ff;\r\n  }\r\n  .e-mail2{\r\n    color:#989898;\r\n  }\r\n  .theme-img{\r\n    width: 54px;\r\n    height:54px;\r\n    background-color:#fae0d4;\r\n    /*transform: translateX(512px);*/    /*position: relative;*/\r\n  }\r\n  .column {\r\n    height:100px;\r\n    background-color: #ffffff;\r\n  }\r\n  .info-price{\r\n    font-size: 13px;\r\n    text-align: left;\r\n    line-height: 19px;\r\n    /*width: 234px;*/\r\n    width: 100%;\r\n    margin-top: 25px;\r\n    margin-left: 12px;\r\n    /*padding-top:27px;*/\r\n  }\r\n  .menuStatus{\r\n    font-size: 13px;\r\n    /*padding-top:13px;*/\r\n    /*font-weight: bold;*/\r\n  }\r\n\r\n  .theme-tool{\r\n    display: flex;\r\n    margin:27px auto;\r\n  }\r\n\r\n\r\n  .btn1, .btn2, .btn3{\r\n    display: flex;\r\n    align-items: center;\r\n    width:130px;\r\n    height: 40px;\r\n    border-radius: 3px;\r\n    border: solid 1px #e6e6e6;\r\n    background-color: #ffffff;\r\n    font-size: 13px;\r\n    margin-left: 10px;\r\n  }\r\n  .btn2{\r\n    background-color:#f5f5f5;\r\n  }\r\n\r\n  .btn1:hover, .btn2:hover, .btn3:hover{\r\n    cursor: pointer;\r\n    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);\r\n    -webkit-transition-duration: 0.5s;\r\n    transition-duration: 0.5s;\r\n  }\r\n  .btn3{\r\n    margin-top:27px;\r\n  }\r\n  .design-txt, .admin-txt{\r\n    width: 80px;\r\n    height: 19px;\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    line-height: 1.46;\r\n    letter-spacing: normal;\r\n    text-align: center;\r\n    color: #393e46;\r\n    display: inline-block;\r\n\r\n  }\r\n\r\n  .lp-row-border-bottom{\r\n    border-bottom: 1px solid #e6e6e6;\r\n  }\r\n\r\n  .menu-title{\r\n    width: 1080px;\r\n    height: 56px;\r\n    background-color: #f5f5f5;\r\n    margin: 0 auto;\r\n    display: flex;\r\n  }\r\n\r\n  .lp-menu{\r\n    background-color: #f5f5f5;\r\n    height: 100%;\r\n    line-height: 33px;\r\n    letter-spacing: normal;\r\n    text-align: left;\r\n    font-size: 13px;\r\n    color: #989898;\r\n  }\r\n\r\n  .first-menu{\r\n    flex: 1;\r\n    margin: 19px 0 18px 20px;\r\n    width: 60px;\r\n    height: 19px;\r\n    font-size: 13px;\r\n    letter-spacing: normal;\r\n    text-align: left;\r\n    color: #989898;\r\n  }\r\n  .second-menu{\r\n    flex: 2;\r\n    margin: 19px 0 18px 220px;\r\n    width: 60px;\r\n    height: 19px;\r\n    font-size: 13px;\r\n    letter-spacing: normal;\r\n    text-align: left;\r\n    color: #989898;\r\n  }\r\n  .third-menu{\r\n    flex: 3;\r\n    margin: 19px 0 18px 140px;\r\n    width: 60px;\r\n    height: 19px;\r\n    font-size: 13px;\r\n    letter-spacing: normal;\r\n    text-align: left;\r\n    color: #989898;\r\n  }\r\n\r\n  .fourth-menu{\r\n\r\n  }\r\n\r\n  .space-top{\r\n    width: 1080px;\r\n    height: 20px;\r\n    margin: 0 auto;\r\n    /*border:1px solid grey;*/\r\n  }\r\n\r\n  .design_fix, .admin_page{\r\n    width: 16px;\r\n    height: 16px;\r\n    margin-left:7px;\r\n  }\r\n  .awaken_img{\r\n    width: 16px;\r\n    height: 16px;\r\n    margin-left:7px;\r\n  }\r\n\r\n  .menu-time{\r\n    font-size:13px;\r\n    text-align: center;\r\n    display: table-cell;\r\n    vertical-align: middle;\r\n    height: 95px;\r\n  }\r\n  .menu-text{\r\n    color:red;\r\n  }\r\n  .time-txt{\r\n    width: 254px;\r\n    height: 45px;\r\n    margin-left: 15px;\r\n    text-align: left;\r\n  }\r\n\r\n  .awaken-txt{\r\n    width: 80px;\r\n    height: 19px;\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    line-height: 1.46;\r\n    letter-spacing: normal;\r\n    text-align: center;\r\n    color: #393e46;\r\n    display: inline-block;\r\n\r\n  }\r\n\r\n  .status1 {\r\n    font-weight: bold;\r\n    color: black;\r\n    margin-left: 65px;\r\n    width: 100px;\r\n  }\r\n\r\n  .status2 {\r\n    font-weight: bold;\r\n    color: #ff5722;\r\n    margin-left: 65px;\r\n    width: 100px;\r\n  }\r\n\r\n  .status3 {\r\n    font-weight: bold;\r\n    color: grey;\r\n    margin-left: 65px;\r\n    width: 100px;\r\n  }\r\n\r\n  /*.is-desktop{*/\r\n  /*width:100%;*/\r\n  /*!*border:1px solid black;*!*/\r\n  /*border-spacing: 0;*/\r\n  /*!*border-collapse: collapse;*!*/\r\n  /*margin: 0 auto;*/\r\n  /*!*table-layout: fixed;*!*/\r\n  /*word-break: break-all;*/\r\n  /*border: none;*/\r\n  /*}*/\r\n\r\n  .status{\r\n    width: 100px;\r\n  }\r\n  @media(max-width:768px) {\r\n    .main-container{\r\n      height: auto;\r\n    }\r\n    .col-wrap{\r\n      width: 74%;\r\n    }\r\n\r\n    .service-name{\r\n      text-align: center;\r\n    }\r\n\r\n    .menu-title {\r\n      content:\"min-width:768px\";\r\n      display:none;\r\n\r\n    }\r\n\r\n    .columns{\r\n      width:48%\r\n    }\r\n\r\n    .menu-time{\r\n      height:0;\r\n    }\r\n\r\n    .time-txt{\r\n      text-align: center;\r\n      margin-left:10px;\r\n    }\r\n\r\n    .btn1{\r\n      margin-left: 0;\r\n    }\r\n    .btn3{\r\n      margin-left: 27%;\r\n    }\r\n    .menuStatus{\r\n      padding-top:16px;\r\n    }\r\n  }\r\n\r\n  /*@media only screen and (max-device-width: 575px){*/\r\n  /*.sub-title-container:nth-child(3){*/\r\n  /*box-sizing: border-box;*/\r\n  /*width: 280px;*/\r\n  /*!*margin-left: 6.8%;*!*/\r\n  /*}*/\r\n  /*}*/\r\n\r\n  @media(max-width:575px){\r\n    .columns{\r\n      width:100%\r\n    }\r\n\r\n    .time-txt{\r\n      text-align: center;\r\n      margin-left:5%;\r\n    }\r\n    .btn1{\r\n      margin-left:1px;\r\n    }\r\n    .btn3{\r\n      margin-left:27%;\r\n    }\r\n  }\r\n\r\n  @media(min-width:1024px){\r\n    .col-wrap {\r\n      width: 1080px;\r\n    }\r\n\r\n  }\r\n\r\n\r\n\r\n\r\n\r\n  /*가로모드 모바일 디바이스 (가로 해상도가 768px 보다 작은 화면에 적용)*/\r\n  @media (max-width: 767px) {\r\n\r\n  }\r\n\r\n  /*태블릿 디바이스 (가로 해상도가 992px 보다 작은 화면에 적용)*/\r\n  /*@media (max-width: 991px) {*/\r\n  /*.col-wrap{*/\r\n  /*width:100%;*/\r\n  /*}*/\r\n  /*}*/\r\n\r\n  /*테스크탑 (가로 해상도가 1200px 보다 작은 화면에 적용)*/\r\n  @media (max-width: 1199px) {  }\r\n\r\n  /*desktop,laptop*/\r\n\r\n  @media only screen\r\n  and (min-width : 1025px) {\r\n\r\n  }\r\n\r\n\r\n\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!./ThemeRequestList.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!./ThemeRequestList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ThemeRequestList.vue?vue&type=template&id=939cdfe6&scoped=true&\"\nimport script from \"./ThemeRequestList.vue?vue&type=script&lang=js&\"\nexport * from \"./ThemeRequestList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ThemeRequestList.vue?vue&type=style&index=0&id=939cdfe6&scoped=true&lang=css&\"\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  \"939cdfe6\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}