https://event-us.kr/Content/dist/js/EvEventPageStats-components-CompareSection-vue.66d9bd823c3f989e.js

1"use strict";(self["webpackChunkeventus_ui"]=self["webpackChunkeventus_ui"]||[]).push([[2742],{53608:function(e,t,n){n.r(t),n.d(t,{default:function(){return O}});var r=n(70821);const l={class:"rounded-lg border border-gray-200 bg-white"},o=(0,r.createElementVNode)("span",{class:"text-sm font-semibold text-gray-900"},"비슷한 행사와 전환율 비교해보기",-1),a={key:0,class:"mt-0.5 text-xs text-gray-400"},s=(0,r.createElementVNode)("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"m19.5 8.25-7.5 7.5-7.5-7.5"},null,-1),c=[s],i={key:0,class:"border-t border-gray-100 px-5 pb-5"},d={class:"grid grid-cols-1 gap-3 pt-4 md:grid-cols-2"},u={class:"flex items-center justify-between"},m={class:"text-sm text-gray-700"},g={key:0,class:"h-3 w-3",fill:"none",viewBox:"0 0 24 24","stroke-width":"2.5",stroke:"currentColor"},p=(0,r.createElementVNode)("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25"},null,-1),x=[p],k={key:1,class:"h-3 w-3",fill:"none",viewBox:"0 0 24 24","stroke-width":"2.5",stroke:"currentColor"},y=(0,r.createElementVNode)("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"m4.5 4.5 15 15m0 0V8.25m0 11.25H8.25"},null,-1),v=[y],f={key:2,class:"h-3 w-3",fill:"none",viewBox:"0 0 24 24","stroke-width":"2.5",stroke:"currentColor"},b=(0,r.createElementVNode)("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"},null,-1),V=[b],h={class:"mt-2"},C={class:"text-xl font-bold text-gray-900"},E={key:0,class:"ml-1.5 text-xs text-gray-400"},w={class:"mt-0.5 text-xs text-gray-400"},N={class:"mt-5 rounded-lg bg-gray-50 px-4 py-3"},B={key:0,class:"mb-2.5 flex flex-wrap items-center gap-1.5"},A=(0,r.createElementVNode)("span",{class:"mr-1 text-xs font-semibold text-gray-500"},"비교 조건",-1),S={class:"space-y-0.5 text-xs leading-relaxed text-gray-400"},j=(0,r.createElementVNode)("li",null,[(0,r.createTextVNode)("* 각 항목은 "),(0,r.createElementVNode)("span",{class:"text-gray-700"},"일 평균"),(0,r.createTextVNode)("으로 계산한 결과입니다.")],-1),D=(0,r.createElementVNode)("li",null,[(0,r.createTextVNode)(" * 다른 행사 평균 대비 ±20% 이내는 "),(0,r.createElementVNode)("span",{class:"rounded bg-gray-100 px-1 py-px font-semibold text-gray-500"},"평균 수준"),(0,r.createTextVNode)("으로 표시됩니다. ")],-1);function T(e,t,n,s,p,y){return(0,r.openBlock)(),(0,r.createElementBlock)("div",l,[(0,r.createElementVNode)("button",{class:"flex w-full items-center justify-between px-5 py-4 text-left",onClick:t[0]||(t[0]=t=>e.$emit("toggle"))},[(0,r.createElementVNode)("div",null,[o,n.whereFilters?((0,r.openBlock)(),(0,r.createElementBlock)("p",a,(0,r.toDisplayString)(s.whereText)+" 기준 유사 행사와 비교",1)):(0,r.createCommentVNode)("",!0)]),((0,r.openBlock)(),(0,r.createElementBlock)("svg",{class:(0,r.normalizeClass)(["h-5 w-5 shrink-0 text-gray-400 transition-transform duration-200",{"rotate-180":n.open}]),fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor"},c,2))]),n.open?((0,r.openBlock)(),(0,r.createElementBlock)("div",i,[(0,r.createElementVNode)("div",d,[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(s.rows,(e=>((0,r.openBlock)(),(0,r.createElementBlock)("div",{key:e.label,class:"rounded-xl bg-gray-50 p-4"},[(0,r.createElementVNode)("div",u,[(0,r.createElementVNode)("span",m,(0,r.toDisplayString)(e.label),1),(0,r.createElementVNode)("span",{class:(0,r.normalizeClass)(["inline-flex items-center gap-0.5 rounded-full px-2 py-0.5 text-xs font-semibold",s.badgeClass(e.isAvg)])},[1===e.isAvg?((0,r.openBlock)(),(0,r.createElementBlock)("svg",g,x)):-1===e.isAvg?((0,r.openBlock)(),(0,r.createElementBlock)("svg",k,v)):((0,r.openBlock)(),(0,r.createElementBlock)("svg",f,V)),(0,r.createTextVNode)(" "+(0,r.toDisplayString)(s.trendLabel(e.isAvg)),1)],2)]),(0,r.createElementVNode)("div",h,[(0,r.createElementVNode)("span",C,(0,r.toDisplayString)(e.myValue),1),e.mySub?((0,r.openBlock)(),(0,r.createElementBlock)("span",E,(0,r.toDisplayString)(e.mySub),1)):(0,r.createCommentVNode)("",!0)]),(0,r.createElementVNode)("div",{class:(0,r.normalizeClass)(["mt-1 text-sm",s.deltaColorClass(e.isAvg)])},"평균 대비 "+(0,r.toDisplayString)(e.deltaText),3),(0,r.createElementVNode)("div",w,"비슷한 행사 평균: "+(0,r.toDisplayString)(e.otherAvg),1)])))),128))]),(0,r.createElementVNode)("div",N,[n.whereFilters?((0,r.openBlock)(),(0,r.createElementBlock)("div",B,[A,((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(n.whereFilters,((e,t)=>((0,r.openBlock)(),(0,r.createElementBlock)("span",{key:t,class:"inline-flex items-center rounded-md bg-white px-2 py-0.5 text-xs text-gray-600 ring-1 ring-inset ring-gray-200"},(0,r.toDisplayString)(t)+": "+(0,r.toDisplayString)(e),1)))),128))])):(0,r.createCommentVNode)("",!0),(0,r.createElementVNode)("ul",S,[(0,r.createElementVNode)("li",null," * "+(0,r.toDisplayString)(s.whereText||"행사 분야, 행사 유형, 모집 방법, 참여 방법, 공개 범위")+"가 유사한 행사들과 비교한 결과입니다. ",1),j,D])])])):(0,r.createCommentVNode)("",!0)])}var M={name:"CompareSection",props:{average:{type:Object,required:!0},whereFilters:{type:Object,default:null},kpi:{type:Object,default:null},days:{type:Number,default:1},open:{type:Boolean,default:!1}},emits:["toggle"],setup(e){function t(e,t){return t>0?Math.round(e/t*100):0}function n(e,t){if(0===t)return e>0?1:0;const n=(e-t)/t;return n>.2?1:n<-.2?-1:0}function l(e,t){if(0===t)return e>0?"+∞":"동일";const n=Math.round((e-t)/t*100);return(n>=0?"+":"")+n+"%"}function o(e,t,r,o,a,s){return{label:e,myValue:o,otherAvg:a,isAvg:n(t,r),mySub:s||"",deltaText:l(t,r)}}const a=(0,r.computed)((()=>{const n=e.average,r=e.days||1,l=e.kpi||{},a=r>0?(l.viewCount||0)/r:0,s=r>0?(l.clickCount||0)/r:0,c=r>0?(l.attendCount||0)/r:0,i=r>0?(l.cancelCount||0)/r:0,d=t(s,a),u=t(n.ClickCountAvg,n.ViewCountAvg),m=t(c,s),g=t(n.AttendCountAvg,n.ClickCountAvg),p=t(i,c),x=t(n.CancelCountAvg,n.AttendCountAvg);return[o("순 조회수",a,n.ViewCountAvg,Math.round(a)+"회",Math.round(n.ViewCountAvg)+"회"),o("클릭률",d,u,d+"%",u+"%","클릭 수("+Math.round(s)+")"),o("신청률",m,g,m+"%",g+"%","신청 수("+Math.round(c)+")"),o("취소율",p,x,p+"%",x+"%","취소 수("+Math.round(i)+")")]})),s=(0,r.computed)((()=>e.whereFilters?Object.values(e.whereFilters).join(", "):""));function c(e){return 1===e?"평균 이상":-1===e?"평균 이하":"평균 수준"}function i(e){return 1===e?"bg-info-50 text-info-500":-1===e?"bg-danger-50 text-danger-500":"bg-success-50 text-success-500"}function d(e){return 1===e?"text-info-500":-1===e?"text-danger-500":"text-success-500"}return{rows:a,whereText:s,trendLabel:c,badgeClass:i,deltaColorClass:d}}},F=n(83744);const L=(0,F.Z)(M,[["render",T]]);var O=L}}]);