2 lines
3.8 KiB
JavaScript
2 lines
3.8 KiB
JavaScript
import{d as e,r as a,c as t,A as s,b as l,e as r,f as i,N as o,X as n,g as u,w as v,b2 as d,h as c,i as m,v as p,q as x,T as h}from"./index-BoIUJTA2.js";/* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import{e as g}from"./dashboard-Csmn9wla.js";import{_ as b}from"./index.vue_vue_type_script_setup_true_lang-DUnXk1_V.js";import{E as f,a as j}from"./index-D2gD5Tn5.js";import{_}from"./_plugin-vue_export-helper-BCo6x5W8.js";import"./useChart-DmniNG26.js";import"./installCanvasRenderer-D-xUkWdX.js";import"./index-BMeOzN3u.js";import"./index-COyGylbk.js";import"./index-Bq8lawOo.js";import"./index-Cp4NEpJ7.js";import"./index-ZsMdSUVI.js";import"./token-DWNpOE8r.js";import"./castArray-nM8ho4U3.js";import"./debounce-DQl5eUwG.js";import"./_baseIteratee-CtIat01j.js";import"./index-CXORCV4U.js";const w={class:"art-card h-auto min-h-[450px] p-5 max-sm:mb-4 relative z-0"},y={class:"art-card-header mb-6"},A={class:"extra"},k={class:"flex items-center space-x-12 mb-8 px-2"},D={class:"text-3xl font-black text-g-900 font-mono"},U=_(e({__name:"sales-overview",props:{range:{},startDate:{},endDate:{}},setup(e){const _=e,U=a(!1),C=a(!1),V=a("draws"),L=a([]),M=a(0),q=t(()=>L.value.length?L.value.map(e=>{var a;return"draws"===V.value?e.value:"gmv"===V.value?e.gmv:"paidAmount"===V.value?null!=(a=e.paidAmount)?a:0:"orders"===V.value?e.orders:"newUsers"===V.value?e.newUsers:0}):[0]),z=t(()=>L.value.map(e=>e.date.slice(5))),I=t(()=>{const e=q.value.reduce((e,a)=>e+a,0);return"gmv"===V.value||"paidAmount"===V.value?`¥${e.toLocaleString(void 0,{minimumFractionDigits:2})}`:e.toLocaleString()}),P=()=>{return e=this,a=null,t=function*(){U.value=!0;try{const{list:e}=yield g(_.range,"day",_.startDate,_.endDate);L.value=e;const a=Math.floor(q.value.length/2);if(a>0){const e=q.value.slice(a).reduce((e,a)=>e+a,0),t=q.value.slice(0,a).reduce((e,a)=>e+a,0);M.value=t?Math.round((e-t)/t*100):0}else M.value=0;C.value=!0}catch(e){h.error("获取销售趋势失败"),L.value=[],M.value=0}finally{U.value=!1}},new Promise((s,l)=>{var r=e=>{try{o(t.next(e))}catch(a){l(a)}},i=e=>{try{o(t.throw(e))}catch(a){l(a)}},o=e=>e.done?s(e.value):Promise.resolve(e.value).then(r,i);o((t=t.apply(e,a)).next())});var e,a,t};return s(()=>[_.range,_.startDate,_.endDate],P,{immediate:!0}),(e,a)=>{const t=j,s=f,h=d;return r(),l("div",w,[i("div",y,[a[1]||(a[1]=n('<div class="title" data-v-8e4e7c02><div class="flex-c mb-1" data-v-8e4e7c02><i class="ri-line-chart-fill text-primary mr-2 text-xl" data-v-8e4e7c02></i><h4 class="text-xl font-black text-g-900 tracking-tight" data-v-8e4e7c02>销售趋势分析</h4></div><p class="text-sm text-g-500" data-v-8e4e7c02>联动抽奖量与营收数据，追踪转化表现</p></div>',1)),i("div",A,[u(s,{modelValue:V.value,"onUpdate:modelValue":a[0]||(a[0]=e=>V.value=e),size:"default",class:"metric-select w-48 mr-15",onChange:P},{default:v(()=>[u(t,{label:"抽奖量",value:"draws"}),u(t,{label:"GMV (元)",value:"gmv"}),u(t,{label:"实付金额 (元)",value:"paidAmount"}),u(t,{label:"订单数",value:"orders"}),u(t,{label:"新注册用户",value:"newUsers"})]),_:1},8,["modelValue"])])]),o((r(),l("div",null,[i("div",k,[i("div",null,[a[2]||(a[2]=i("div",{class:"text-g-600 text-xs mb-1 font-black"},"当前维度合计",-1)),i("div",D,p(I.value),1)]),i("div",null,[a[3]||(a[3]=i("div",{class:"text-g-600 text-xs mb-1 font-black"},"环比增长",-1)),i("div",{class:x(["text-2xl font-black",M.value>=0?"text-success":"text-danger"])},p(M.value>=0?"+":"")+p(M.value)+"% ",3)])]),C.value?(r(),c(b,{key:0,height:"320px",data:q.value,xAxisData:z.value,showAreaColor:!0,showAxisLine:!1,smooth:!0},null,8,["data","xAxisData"])):m("",!0)])),[[h,U.value]])])}}}),[["__scopeId","data-v-8e4e7c02"]]);export{U as default};
|