2 lines
3.8 KiB
JavaScript
2 lines
3.8 KiB
JavaScript
import{d as t,r as e,o as s,b as o,e as l,f as a,N as r,g as i,b2 as n,w as p,v as c,m,p as d,bf as u,T as x}from"./index-BoIUJTA2.js";import{_ as b}from"./index.vue_vue_type_script_setup_true_lang-DUbflfBQ.js";import{e as f}from"./operations-Cr4YfoRu.js";import{_ as j}from"./index-Bwtbh5WQ.js";import{_ as v}from"./_plugin-vue_export-helper-BCo6x5W8.js";import"./iconify-DFoKediz.js";/* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import"./el-tooltip-l0sNRNKZ.js";import"./el-empty-CV-PB2A2.js";import"./index-BjuMygln.js";import"./index-Cp4NEpJ7.js";import"./index-BMeOzN3u.js";import"./index-COyGylbk.js";import"./index-Bq8lawOo.js";import"./_initCloneObject-DRmC-q3t.js";import"./isArrayLikeObject-CFQi-X2M.js";import"./raf-DsHSIRfX.js";import"./_baseIteratee-CtIat01j.js";import"./castArray-nM8ho4U3.js";import"./debounce-DQl5eUwG.js";import"./index-D8nVJoNy.js";import"./index-CXORCV4U.js";import"./index-C1haaLtB.js";import"./index-D2gD5Tn5.js";import"./index-ZsMdSUVI.js";import"./token-DWNpOE8r.js";const g={class:"art-card h-full p-6 relative overflow-hidden group"},h={class:"art-card-header mb-6 relative z-10"},w={class:"title"},_={class:"flex-c mb-1"},y={class:"relative z-10"},k={class:"flex flex-col"},A={class:"font-black text-g-900 text-sm truncate max-w-[120px]"},R={class:"text-xs text-g-600 mt-1 font-bold"},S={class:"flex items-center"},N={class:"w-full max-w-[120px]"},O={class:"flex justify-between text-xs mb-1.5 font-bold"},I={class:"text-g-800"},z={class:"text-g-500"},C={class:"h-2 w-full bg-g-200 rounded-full overflow-hidden"},L={class:"flex flex-col text-right"},P={class:"font-black text-success text-base"},T={class:"text-xs text-g-600 font-bold"},B=v(t({__name:"coupon-roi",setup(t){const v=e(!1),B=e([]),G=[{prop:"couponName",label:"优惠券",minWidth:140,useSlot:!0,slot:"couponName"},{prop:"usedRate",label:"使用转化",width:130,useSlot:!0,slot:"usedRate"},{prop:"roi",label:"效益比",width:100,useSlot:!0,slot:"roi",align:"center"},{prop:"broughtAmount",label:"带动流水",width:130,useSlot:!0,slot:"broughtAmount",align:"right"}],M=t=>t>=3?"#10b981":t>=1.5?"#3b82f6":"#f59e0b";return s(()=>{return t=this,e=null,s=function*(){v.value=!0;try{const t=yield f("30d");B.value=t}catch(t){x.error("获取券统计失败")}finally{v.value=!1}},new Promise((o,l)=>{var a=t=>{try{i(s.next(t))}catch(e){l(e)}},r=t=>{try{i(s.throw(t))}catch(e){l(e)}},i=t=>t.done?o(t.value):Promise.resolve(t.value).then(a,r);i((s=s.apply(t,e)).next())});var t,e,s}),(t,e)=>{const s=b,x=n;return l(),o("div",g,[a("div",h,[a("div",w,[a("div",_,[i(s,{icon:"ri:coupon-3-fill",class:"text-warning mr-2 text-xl"}),e[0]||(e[0]=a("h4",{class:"text-lg font-black text-g-900 tracking-tight"},"营销券效能排行",-1))]),e[1]||(e[1]=a("p",{class:"text-xs text-g-500"},"评估不同优惠券对 GMV 的实际带动 ROI",-1))])]),r((l(),o("div",y,[i(j,{data:B.value,columns:G,class:"premium-table-minimal"},{couponName:p(({row:t})=>[a("div",k,[a("span",A,c(t.couponName),1),a("span",R,c(t.type),1)])]),roi:p(({row:t})=>[a("div",S,[a("div",{class:"px-3 py-1 rounded-full text-xs font-black shadow-sm",style:m({backgroundColor:d(u)(M(t.roi),.15).rgba,color:M(t.roi)})},c(t.roi)+"x ROI ",5)])]),usedRate:p(({row:t})=>[a("div",N,[a("div",O,[a("span",I,c(t.usedRate)+"%",1),a("span",z,c(t.usedCount)+"枚",1)]),a("div",C,[a("div",{class:"h-full bg-theme/80 rounded-full shadow-sm",style:m({width:`${t.usedRate}%`})},null,4)])])]),broughtAmount:p(({row:t})=>[a("div",L,[a("span",P,"¥"+c((t.broughtAmount/100).toLocaleString()),1),a("span",T,"带动 "+c(t.broughtOrders)+" 笔",1)])]),_:1},8,["data"])])),[[x,v.value]])])}}}),[["__scopeId","data-v-462661b2"]]);export{B as default};
|