{"version":3,"sources":["webpack:///./src/components/component/CardMyServicePc_old.vue?7f30","webpack:///./src/components/component/CardMyServicePc_old.vue?06ee","webpack:///src/components/component/CardMyServicePc_old.vue","webpack:///./src/components/component/CardMyServicePc_old.vue?1923","webpack:///./src/components/component/CardMyServicePc_old.vue?684e"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","card","service_name","staticStyle","class","attrs","typeIcon","typeName","status","name","service_type","_e","datesFormat","service_date","detail","on","$event","routerPush","showModify","modifyService","_l","item","idx","key","domain","indexOf","staticRenderFns","component"],"mappings":"khBAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,KAAKC,iBAAiBN,EAAG,MAAM,CAACE,YAAY,aAAaK,YAAY,CAAC,aAAa,QAAQ,CAACP,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACQ,MAAO,YAAeZ,EAAIS,KAAiB,cAAI,CAACL,EAAG,MAAM,CAACS,MAAM,CAAC,IAAMb,EAAIc,cAAcV,EAAG,MAAM,CAACQ,MAAO,cAAiBZ,EAAIS,KAAiB,aAAI,aAAcE,YAAY,CAAC,OAAS,UAAU,CAACX,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIe,eAAeX,EAAG,MAAM,CAACE,YAAY,SAASM,MAAO,GAAMZ,EAAIgB,OAAY,OAAI,CAAChB,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIgB,OAAOC,SAA6B,iBAAnBjB,EAAIgB,OAAOJ,OAAoD,IAA1BZ,EAAIS,KAAKS,aAAoBd,EAAG,MAAM,CAACE,YAAY,uBAAuBK,YAAY,CAAC,cAAc,QAAQ,CAACX,EAAIO,GAAG,6CAA6CP,EAAImB,SAASf,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoBK,YAAY,CAAC,cAAc,QAAQ,CAACX,EAAIO,GAAG,YAAYH,EAAG,OAAO,CAACE,YAAY,aAAaK,YAAY,CAAC,OAAS,kBAAkB,CAACX,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIoB,YAAYpB,EAAIS,KAAKY,aAAc,gBAAkBrB,EAAIsB,OAAmMtB,EAAImB,KAA/Lf,EAAG,SAAS,CAACE,YAAY,iBAAiBK,YAAY,CAAC,MAAQ,SAASY,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOxB,EAAIyB,WAAY,wBAA2BzB,EAAIS,KAAO,OAAO,CAACT,EAAIO,GAAG,WAAqBP,EAAIsB,QAAUtB,EAAI0B,WAAW1B,EAAIS,MAAOL,EAAG,SAAS,CAACE,YAAY,gCAAgCK,YAAY,CAAC,MAAQ,SAASY,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOxB,EAAI2B,cAAc3B,EAAIS,SAAS,CAACT,EAAIO,GAAG,UAAUP,EAAImB,SAASnB,EAAI4B,GAAI5B,EAAQ,MAAE,SAAS6B,EAAKC,GAAK,OAAO1B,EAAG,MAAM,CAAC2B,IAAI,QAAQD,GAAK,CAAC1B,EAAG,MAAM,CAACE,YAAY,gBAAgBK,YAAY,CAAC,OAAS,iBAAiB,CAACX,EAAIO,GAAGP,EAAIQ,GAAGqB,EAAKZ,MAAM,SAAgB,IAANa,GAAgC,qBAArB9B,EAAIgB,OAAOJ,OAAgCiB,EAAKG,OAAOC,QAAQ,gBAAgB,EAAG7B,EAAG,WAAW,CAACO,YAAY,CAAC,cAAc,OAAOE,MAAM,CAAC,KAAO,UAAU,SAAW,GAAG,KAAO,+BAA+Bb,EAAImB,MAAM,GAAuB,eAAnBnB,EAAIgB,OAAOJ,MAAsBR,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,IAAI,CAACS,MAAM,CAAC,KAAOgB,EAAKG,OAAO,OAAS,WAAW,CAAC5B,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACN,EAAIO,GAAGP,EAAIQ,GAAGqB,EAAKG,QAAQ,KAAK5B,EAAG,MAAM,CAACE,YAAY,YAAYO,MAAM,CAAC,IAAM,yCAAyCT,EAAG,MAAM,CAACE,YAAY,QAAQM,MAAgC,iBAAnBZ,EAAIgB,OAAOJ,MAAyB,OAAS,QAAU,CAACZ,EAAIO,GAAGP,EAAIQ,GAAGqB,EAAKG,WAAiC,iBAArBhC,EAAIgB,OAAOJ,MAA0BR,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIO,GAAG,6BAA6BP,EAAImB,WAAU,IAC7jFe,EAAkB,G,4CCgDtB,GACE,KAAF,kBACE,WAAF,CAAI,QAAJ,cACE,MAAF,CACI,KAAJ,CACM,KAAN,QAEI,OAAJ,CACM,KAAN,QACM,SAAN,IAGE,QAZF,WAaI,KAAJ,MACA,CACM,KAAN,MACM,OAAN,kBAEA,CACM,KAAN,MACM,OAAN,oCAIE,KAxBF,WAyBI,MAAJ,CACM,KAAN,KAGE,QAAF,CACI,WADJ,SACA,GACM,OAAN,mCAEI,cAJJ,SAIA,GACA,aACQ,OAAR,qDAEQ,KAAR,8BAIE,SAAF,CACI,OADJ,WAEM,IAAN,GACQ,EAAR,OACQ,EAAR,OACQ,EAAR,cACQ,EAAR,OACQ,GAAR,SACQ,GAAR,OACQ,IAAR,QAEA,GACQ,KAAR,oBACQ,MAAR,gBAaM,MAVN,2CACQ,EAAR,yBAGA,mCACUlB,EAAOJ,MAAQ,eAEzB,uBACUI,EAAOJ,MAAQ,cAEzB,GAEI,SA5BJ,WA6BM,IAAN,GACQ,EAAR,SACQ,EAAR,cACQ,EAAR,kBACQ,EAAR,SAEM,MAAN,2EAEI,SArCJ,WAsCM,IAAN,GACQ,EAAR,MACQ,EAAR,SACQ,EAAR,OACQ,EAAR,gBAEM,OAAN,6BCtI4W,I,wBCQxWuB,EAAY,eACd,EACApC,EACAmC,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-654cf308.79e2131a.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!./CardMyServicePc_old.vue?vue&type=style&index=0&id=45be4609&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"panel-container\"},[_c('div',{staticClass:\"card-title\"},[_c('div',[_c('div',{staticClass:\"subtitle2 main\"},[_vm._v(_vm._s(_vm.card.service_name))]),_c('div',{staticClass:\"flex-align\",staticStyle:{\"margin-top\":\"8px\"}},[_c('div',{staticClass:\"flex-align\"},[_c('div',{class:(\"box-type-\" + (_vm.card.service_type))},[_c('img',{attrs:{\"src\":_vm.typeIcon}})]),_c('div',{class:(\"color-type-\" + (_vm.card.service_type) + \" subtitle5\"),staticStyle:{\"margin\":\"0 8px\"}},[_vm._v(_vm._s(_vm.typeName))])]),_c('div',{staticClass:\"status\",class:(\"\" + (_vm.status.class))},[_vm._v(_vm._s(_vm.status.name))]),(_vm.status.class==='status-ready' && _vm.card.service_type === 0)?_c('div',{staticClass:\"body5-medium primary\",staticStyle:{\"margin-left\":\"8px\"}},[_vm._v(\" *개설이 완료되면 메일로 알려드립니다.(예상 소요시간 15~20분) \")]):_vm._e()])]),_c('div',{staticClass:\"flex-align\"},[_c('div',{staticClass:\"body2-medium sub2\",staticStyle:{\"margin-left\":\"8px\"}},[_vm._v(\"서비스 시작일 \"),_c('span',{staticClass:\"body2 sub3\",staticStyle:{\"margin\":\"0 20px 0 12px\"}},[_vm._v(_vm._s(_vm.datesFormat(_vm.card.service_date, 'date_3')))])]),(!_vm.detail)?_c('button',{staticClass:\"button is-gray\",staticStyle:{\"width\":\"120px\"},on:{\"click\":function($event){return _vm.routerPush((\"my_service_detail?id=\" + (_vm.card.id)))}}},[_vm._v(\"상세보기\")]):_vm._e(),(!_vm.detail && _vm.showModify(_vm.card))?_c('button',{staticClass:\"button is-gray margin-left-12\",staticStyle:{\"width\":\"120px\"},on:{\"click\":function($event){return _vm.modifyService(_vm.card)}}},[_vm._v(\"수정하기\")]):_vm._e()])]),_vm._l((_vm.list),function(item,idx){return _c('div',{key:'site-'+idx},[_c('div',{staticClass:\"h8 flex-align\",staticStyle:{\"margin\":\"32px 0 8px 0\"}},[_vm._v(_vm._s(item.name)+\" 도메인 \"),(idx===0 && _vm.status.class !== 'status-terminate' && item.domain.indexOf('launchpack.')>-1)?_c('tool-tip',{staticStyle:{\"margin-left\":\"4px\"},attrs:{\"icon\":\"fi_info\",\"iconSize\":20,\"text\":\"추가 도메인 등록을 원하시면 문의를 남겨주세요\"}}):_vm._e()],1),(_vm.status.class==='status-run')?_c('div',{staticClass:\"flex\"},[_c('a',{attrs:{\"href\":item.domain,\"target\":\"_blank\"}},[_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"body4 main domain\"},[_vm._v(_vm._s(item.domain)+\" \"),_c('img',{staticClass:\"icon-link\",attrs:{\"src\":\"/static/img/ic_arrow_45.svg\"}})])])])]):_c('div',{staticClass:\"body4\",class:(\"\" + (_vm.status.class==='status-ready' ? 'sub3' : 'sub4'))},[_vm._v(_vm._s(item.domain))]),(_vm.status.class === 'status-ready')?_c('div',{staticClass:\"body4 sub4\"},[_vm._v(\"*개설 완료 후 도메인 접속이 가능합니다.\")]):_vm._e()])})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"panel-container\">\r\n    <div class=\"card-title\">\r\n      <div>\r\n        <div class=\"subtitle2 main\">{{ card.service_name }}</div>\r\n        <div class=\"flex-align\" style=\"margin-top:8px\">\r\n          <div class=\"flex-align\">\r\n            <div :class=\"`box-type-${card.service_type}`\">\r\n              <img :src=\"typeIcon\">\r\n            </div>\r\n            <div :class=\"`color-type-${card.service_type} subtitle5`\" style=\"margin:0 8px\">{{ typeName }}</div>\r\n          </div>\r\n          <div class=\"status\" :class=\"`${status.class}`\">{{ status.name }}</div>\r\n          <div class=\"body5-medium primary\" style=\"margin-left:8px\"\r\n            v-if=\"status.class==='status-ready' && card.service_type === 0\">\r\n            *개설이 완료되면 메일로 알려드립니다.(예상 소요시간 15~20분)\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"flex-align\">\r\n        <div class=\"body2-medium sub2\" style=\"margin-left:8px\">서비스 시작일 <span class=\"body2 sub3\" style=\"margin:0 20px 0 12px\">{{ datesFormat(card.service_date, 'date_3') }}</span></div>\r\n        <button v-if=\"!detail\" class=\"button is-gray\" style=\"width:120px\"\r\n                @click=\"routerPush(`my_service_detail?id=${card.id}`)\">상세보기</button>\r\n        <button v-if=\"!detail && showModify(card)\" class=\"button is-gray margin-left-12\"\r\n                style=\"width:120px\" @click=\"modifyService(card)\">수정하기</button>\r\n      </div>\r\n    </div>\r\n    <div v-for=\"(item,idx) in list\" :key=\"'site-'+idx\">\r\n      <div class=\"h8 flex-align\" style=\"margin:32px 0 8px 0\">{{ item.name }} 도메인\r\n        <tool-tip v-if=\"idx===0 && status.class !== 'status-terminate' && item.domain.indexOf('launchpack.')>-1\"\r\n                  icon=\"fi_info\"\r\n                  style=\"margin-left:4px\"\r\n                  :iconSize=\"20\"\r\n                  text=\"추가 도메인 등록을 원하시면 문의를 남겨주세요\"/></div>\r\n      <div v-if=\"status.class==='status-run'\"  class=\"flex\">\r\n        <a :href=\"item.domain\" target=\"_blank\">\r\n          <div class=\"flex\">\r\n            <div class=\"body4 main domain\">{{ item.domain }} <img class=\"icon-link\" src=\"/static/img/ic_arrow_45.svg\"></div>\r\n          </div>\r\n        </a>\r\n      </div>\r\n      <div v-else class=\"body4\" :class=\"`${status.class==='status-ready' ? 'sub3' : 'sub4'}`\">{{ item.domain }}</div>\r\n      <div class=\"body4 sub4\" v-if=\"status.class === 'status-ready'\">*개설 완료 후 도메인 접속이 가능합니다.</div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import ToolTip from \"./ToolTip\";\r\n  export default {\r\n    name: \"CardMyServicePc\",\r\n    components: {ToolTip},\r\n    props: {\r\n      card: {\r\n        type: Object\r\n      },\r\n      detail: {\r\n        type: Boolean,\r\n        default: false\r\n      }\r\n    },\r\n    created() {\r\n      this.list = [\r\n        {\r\n          name: '사이트',\r\n          domain: this.card.domain\r\n        },\r\n        {\r\n          name: '어드민',\r\n          domain: this.card.domain + '/office/admin'\r\n        },\r\n      ];\r\n    },\r\n    data() {\r\n      return {\r\n        list: []\r\n      }\r\n    },\r\n    methods: {\r\n      showModify(card) {\r\n        return [10,99,100].indexOf(card.status) === -1\r\n      },\r\n      modifyService(card) {\r\n        if(card.status===9) {\r\n          window.open(card.domain+'/office/admin/service/info','_blank');\r\n        } else {\r\n          this.toast('개설 완료 후 수정이 가능합니다.')\r\n        }\r\n      }\r\n    },\r\n    computed: {\r\n      status() {\r\n        let statusObj = {\r\n          0: '이용예정',\r\n          5: '개설 중',\r\n          6: '디자인 수정 진행 중',\r\n          9: '이용 중',\r\n          10: '관리자 정지',\r\n          99: '전체정지',\r\n          100: '이용종료'\r\n        };\r\n        let status = {\r\n          name: statusObj[this.card.status],\r\n          class: 'status-ready'\r\n        };\r\n        // 이용종료, 전체정지, 관리자 정지, 이용예정\r\n        if([0,10,99,100].indexOf(this.card.status) > -1) {\r\n          status.class = 'status-terminate';\r\n        }\r\n        // 개설 중\r\n        else if([1,5].indexOf(this.card.status) > -1) {\r\n          status.class = 'status-ready';\r\n        }\r\n        else if(this.card.status === 9) {\r\n          status.class = 'status-run';\r\n        }\r\n        return status;\r\n      },\r\n      typeIcon() {\r\n        let tp = {\r\n          0: 'u:bolt',\r\n          1: 'u:store-alt',\r\n          2: 'u:file-edit-alt',\r\n          3: 'u:cog'\r\n        };\r\n        return `/static/icon/${tp[this.card.service_type].replace(':','_')}.svg`;\r\n      },\r\n      typeName() {\r\n        let tp = {\r\n          0: '퀵빌더',\r\n          1: '디자인 마켓',\r\n          2: '주문제작',\r\n          3: 'Solution API'\r\n        }\r\n        return tp[this.card.service_type];\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  .panel-container\r\n    margin-bottom 24px\r\n  .panel-container:last-child\r\n    margin-bottom 0\r\n\r\n  .card-title\r\n    display flex\r\n    justify-content space-between\r\n    border-bottom 1px solid $gray2\r\n    padding-bottom 24px\r\n\r\n  .status\r\n    padding 4px 8px\r\n    border-radius 4px\r\n    font-size 13px\r\n    font-weight 500\r\n  // 개설중(결제완료), 디자인 수정 중\r\n  .status-ready\r\n    background-color $gray3\r\n    color $primary\r\n  // 이용중\r\n  .status-run\r\n    background-color $primary-light2\r\n    color $primary\r\n  // 이용종료, 전체정지, 관리자 정지, 이용예정\r\n  .status-terminate\r\n    background-color $gray3\r\n    color $sub3\r\n\r\n  .domain:hover\r\n    color $primary\r\n    .icon-link\r\n      filter invert(54%) sepia(46%) saturate(5884%) hue-rotate(360deg) brightness(100%) contrast(110%)\r\n\r\n  .icon-link\r\n    margin-left 8px\r\n\r\n  .box-type-0\r\n  .box-type-1\r\n  .box-type-2\r\n  .box-type-3\r\n    width 28px\r\n    height 28px\r\n    border-radius 8px\r\n    display flex\r\n    justify-content center\r\n    align-items center\r\n    img\r\n      filter invert(100%) sepia(100%) saturate(100%) hue-rotate(245deg) brightness(1000%) contrast(1000%)\r\n      width 14px\r\n\r\n  .box-type-0\r\n    background linear-gradient(322.3deg, #FF6600 22.51%, #F43B00 100%)\r\n  .box-type-1\r\n    background-color #7B61FF\r\n  .box-type-2\r\n    background linear-gradient(148.67deg, #00D3BA 30.79%, #17FF90 96.89%)\r\n  .box-type-3\r\n    background linear-gradient(132.62deg, #242428 34.49%, #4F4F4F 88.8%)\r\n\r\n  .color-type-0\r\n    color $primary\r\n  .color-type-1\r\n    color #7B61FF\r\n  .color-type-2\r\n    color #00D3BA\r\n  .color-type-3\r\n    color $main\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!./CardMyServicePc_old.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!./CardMyServicePc_old.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CardMyServicePc_old.vue?vue&type=template&id=45be4609&scoped=true&\"\nimport script from \"./CardMyServicePc_old.vue?vue&type=script&lang=js&\"\nexport * from \"./CardMyServicePc_old.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CardMyServicePc_old.vue?vue&type=style&index=0&id=45be4609&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  \"45be4609\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}