123 |
- import{i as E,L as q}from"./echarts.72dc8373.js";import{T as y}from"./index.05a2d588.js";import{g as te}from"./api.74a64279.js";import{c as C}from"./dropdowndisable.88660b16.js";import{b as O,m as oe}from"./enum.e566fd6e.js";import{u as ie}from"./index.34b03be2.js";import{r as s,B as se,j as ne,w as re,k as _,ai as H,aq as ue,P as pe,o as de,c as ve,U as v,O as T,a as c,u as w,D as A}from"./vue.adf17aba.js";import"./_plugin-vue_export-helper.c27b6911.js";import"./elementPlus.4833989a.js";const ce={style:{"margin-left":"40%"}},be=c("span",{style:{background:"#3a83f7",width:"18px",height:"10px","margin-top":"8px",display:"inline-block","border-radius":"3px"}},null,-1),me=c("span",{style:{background:"#f19a37",width:"18px",height:"10px","margin-top":"8px","margin-left":"20px",display:"inline-block","border-radius":"3px"}},null,-1),fe={__name:"adStruct",setup(he,{expose:j}){const G=ie();let b=s(),m=s();const U=s(),P=s(),h=s(!0),S=se("dateRange"),V=[{value:"Spend",label:"花费"},{value:"TotalSales",label:"销售额"},{value:"TotalPurchases",label:"订单数"},{value:"TotalUnitOrdered",label:"销量"},{value:"Impression",label:"曝光量"},{value:"Click",label:"点击量"}];let o=s(V[0].value);const D=[{value:"ACOS",label:"ACOS"},{value:"ROAS",label:"ROAS"},{value:"Spend",label:"花费",units:"$"},{value:"TotalSales",label:"销售额"},{value:"TotalPurchases",label:"订单数"},{value:"TotalUnitOrdered",label:"销量"},{value:"CPC",label:"点击成本"},{value:"CPA",label:"订单成本"},{value:"Impression",label:"曝光量"},{value:"Click",label:"点击量"},{value:"qwe",label:"点击率"},{value:"转化率",label:"转化率"},{value:"TotalSalesSameSKU",label:"推广商品销售额"},{value:"TotalSalesOtherSKU",label:"其他商品销售额"},{value:"TotalPurchasesSameSKU",label:"推广商品订单数"},{value:"TotalPurchasesOtherSKU",label:"其他商品订单数"},{value:"TotalUnitOrderedSameSKU",label:"推广商品销量"},{value:"TotalUnitOrderedOtherSKU",label:"其他商品销量"},{value:"TopOfSearchImpressionShare",label:"搜索结果顶部展示份额"}];let l=s(D[0].value);const B=[{value:"ACOS",label:"ACOS"},{value:"ROAS",label:"ROAS"},{value:"Spend",label:"花费",units:"$"},{value:"TotalSales",label:"销售额"},{value:"TotalPurchases",label:"订单数"},{value:"TotalUnitOrdered",label:"销量"},{value:"CPC",label:"点击成本"},{value:"CPA",label:"订单成本"},{value:"Impression",label:"曝光量"},{value:"Click",label:"点击量"},{value:"qwe",label:"点击率"},{value:"转化率",label:"转化率"},{value:"TotalSalesSameSKU",label:"推广商品销售额"},{value:"TotalSalesOtherSKU",label:"其他商品销售额"},{value:"TotalPurchasesSameSKU",label:"推广商品订单数"},{value:"TotalPurchasesOtherSKU",label:"其他商品订单数"},{value:"TotalUnitOrderedSameSKU",label:"推广商品销量"},{value:"TotalUnitOrderedOtherSKU",label:"其他商品销量"},{value:"TopOfSearchImpressionShare",label:"搜索结果顶部展示份额"}];let t=s(B[2].value);ne(async()=>{m=E(P.value),b=E(U.value),window.addEventListener("resize",g),setTimeout(()=>{g()},0),await N(),ae()});let L;async function k(){return L=await te({startDate:S.value[0],endDate:S.value[1],profileId:G.profile.profile_id}),L.data}let I,u,p,K,R,z,M;async function N(){p=await k(),I=[{value:p.pie_data[0].Spend,name:"自动"},{value:p.pie_data[1].Spend,name:"手动"}],u=p.line_data,K=u.map(a=>a.ACOS),R=u.map(a=>a.Spend),z=u.map(a=>a.Classification);const e={BROAD:"关键词-广泛",category:"品类",EXACT:"关键词-精准",asin:"商品",PHRASE:"关键词-词组","close-match":"紧密匹配","loose-match":"广泛匹配",substitutes:"同类商品",complements:"关联商品"};M=z.map(a=>e[a]),h.value=!1}let x=s(),i,d;function X(e){o.value=e,x.value=o.value,d.series[0].data=[{value:p.pie_data[0][x.value],name:"自动"},{value:p.pie_data[1][x.value],name:"手动"}],b.setOption(d)}function F(e){l.value=e,W()}function J(e){t.value=e,W()}function W(){const e=u.map(n=>n[l.value]),a=u.map(n=>n[t.value]);i.series[0].data=e,i.series[1].data=a,i.series[0].name=O[l.value]||l.value,i.series[1].name=O[t.value]||t.value,m.setOption(i)}re(S,async()=>{if(S.value){h.value=!0;const e=await k();Q(e),Y(e),h.value=!1}});function Q(e){d.series[0].data=[{value:e.pie_data[0][o.value],name:"自动"},{value:e.pie_data[1][o.value],name:"手动"}],b.setOption(d)}function Y(e){const a=e.line_data.map(f=>f[l.value]),n=e.line_data.map(f=>f[t.value]);i.series[0].data=a,i.series[1].data=n,m.setOption(i)}const Z=_(()=>C(D,t.value,l.value)),$=_(()=>C(B,l.value,t.value)),ee=_(()=>C(V,o.value));function ae(){i={tooltip:{trigger:"axis",axisPointer:{type:"shadow"},rich:{b:{color:"#4C5058",fontSize:15,fontWeight:"bold",lineHeight:33}}},toolbox:{feature:{saveAsImage:{yAxisIndex:"none"}}},grid:{top:55,right:60,bottom:55,left:55},xAxis:[{type:"category",boundaryGap:!0,data:M,axisLabel:{rotate:-30,fontSize:13}}],yAxis:[{type:"value",axisLine:{show:!0,lineStyle:{color:"#3a83f7"}}},{type:"value",splitLine:{show:!1},axisLine:{show:!0,lineStyle:{color:"#f19a37"}}}],series:[{name:O[l.value],type:"bar",barWidth:"15%",data:K,yAxisIndex:0,itemStyle:{color:new q(0,0,0,1,[{offset:0,color:"#3a83f7"},{offset:1,color:"rgb(111, 209, 206)"}]),borderRadius:[6,6,6,6]}},{name:O[t.value],type:"bar",barWidth:"15%",data:R,yAxisIndex:1,itemStyle:{color:new q(0,0,0,1,[{offset:0,color:"#f19a37"},{offset:1,color:"rgb(234,207,135)"}]),borderRadius:[6,6,6,6]}}]},m.setOption(i),d={tooltip:{show:!1,trigger:"item"},series:[{type:"pie",radius:["20%","45%"],avoidLabelOverlap:!1,itemStyle:{borderWidth:1,borderColor:"#fff"},emphasis:{label:{show:!0,fontWeight:"bold"}},label:{show:!0,position:"outside",formatter:e=>e.name+`
- {b|`+oe[o.value]+":}{b|"+e.data.value+`}
- `+e.percent+"%",rich:{b:{color:"#4C5058",fontSize:15,fontWeight:"bold",lineHeight:33}}},labelLine:{normal:{show:!0}},data:I}]},b.setOption(d),g()}function g(){m.resize(),b.resize()}return j({resizeChart:g}),(e,a)=>{const n=H("el-col"),f=H("el-row"),le=ue("loading");return pe((de(),ve("div",null,[v(f,{gutter:5},{default:T(()=>[v(n,{span:9},{default:T(()=>[c("div",null,[v(y,{modelValue:w(o),"onUpdate:modelValue":a[0]||(a[0]=r=>A(o)?o.value=r:o=r),options:ee.value,onChange:X,style:{"margin-top":"5px"}},null,8,["modelValue","options"])]),c("div",{ref_key:"pie",ref:U,style:{height:"400px"}},null,512)]),_:1}),v(n,{span:15},{default:T(()=>[c("div",ce,[be,v(y,{modelValue:w(l),"onUpdate:modelValue":a[1]||(a[1]=r=>A(l)?l.value=r:l=r),options:Z.value,onChange:F,style:{"margin-top":"5px","margin-left":"8px"}},null,8,["modelValue","options"]),me,v(y,{modelValue:w(t),"onUpdate:modelValue":a[2]||(a[2]=r=>A(t)?t.value=r:t=r),options:$.value,onChange:J,style:{"margin-top":"5px","margin-left":"8px"}},null,8,["modelValue","options"])]),c("div",{ref_key:"bar",ref:P,style:{height:"400px"}},null,512)]),_:1})]),_:1})])),[[le,h.value]])}}},Ae=fe;export{Ae as default};
|