ProductSelectCard.a9558a6a.js 3.9 KB

1
  1. import{f as O,p as I,r as m,w as U,d as q,m as A,a7 as l,af as G,H as S,h as v,i as k,M as n,G as a,j as s,F as H,$ as J,E as P,W as K,u as x,K as D,J as W,L as $,z as Q,N as X,aq as Y,ar as Z}from"./vue.fb807239.js";import{k as ee,l as te}from"./index.18ea3f49.js";import{i as oe}from"./echarts.594b4072.js";import{e as i}from"./emitter.8ea33047.js";import{c as ae,d as se}from"./api.cd464052.js";import{a as z}from"./elementPlus.fdc894a5.js";import{_ as ce}from"./_plugin-vue_export-helper.c27b6911.js";const B=u=>(Y("data-v-5e5cf535"),u=u(),Z(),u),le={class:"out-container"},ne={class:"scrollbar-flex-content"},re=["id"],ie={class:"custom-popoer"},de={class:"left-part-container"},ue={class:"product-line-name"},pe={class:"custom-part"},_e={class:"total-sales"},fe=B(()=>s("span",{class:"label"},"总销售额",-1)),me=B(()=>s("div",{style:{color:"#919398"}},"暂无数据",-1)),ve=O({__name:"ProductSelectCard",setup(u){i.on("ProductList-updateCardData",e=>{e.isUpdate&&(r.value.splice(0),p())}),i.on("TopFilters-selectValue",e=>{const t=r.value.findIndex(o=>o.productlineId===e.selectValue);t!==-1&&(C.value=t)});const L=I("profile"),h=I("dateRange"),g=m(!1),r=m([]),N=m([]),C=m(0);async function p(){try{const{data:e}=await ae({profileId:L.value.profile_id,startDate:h.value[0],endDate:h.value[1]});r.value=e}catch(e){console.log("error:",e)}}function V(){r.value.forEach((e,t)=>{const o=`chart${t}-${e.productlineId}`,_=document.getElementById(o);if(_){const d=oe(_),b={animation:!1,series:[{silent:!0,avoidLabelOverlap:!0,label:{show:!0,position:"center",formatter:"{d}%"},emphasis:{disable:!0,scale:!1,shadowBlur:0,hoverAnimation:!1,label:{show:!0,fontSize:12}},labelLine:{show:!1},radius:["75%","100%"],type:"pie",data:[{value:e.salesPercentage,name:e.productlineName},{value:100-e.salesPercentage,name:"",itemStyle:{color:"#f1eff5"},label:{show:!1}}]}]};d.setOption(b),N.value[o]=d}})}function E(e,t){C.value=e;const o=t.productlineId;i.emit("ProductSelectCard-cardId",{productlineId:o})}function M(e){i.emit("ProductTab-editProductCard",{isVisible:!0,data:e})}async function j(e){const t={productlineId:e.productlineId};try{(await se(t)).data.code=="success"?(z({message:"已删除",type:"success"}),await p(),i.emit("ProductSelectCard-reloading",{reloading:!0})):z({message:"删除失败",type:"error"})}catch(o){console.log("error:",o)}}return U(h,async()=>{g.value=!0,await p(),g.value=!1}),q(async()=>{await p(),V()}),A(()=>{i.all.clear()}),(e,t)=>{const o=l("Setting"),_=l("el-icon"),d=l("el-button"),b=l("el-popover"),y=l("el-card"),F=l("el-empty"),R=l("el-scrollbar"),T=G("loading");return S((v(),k("div",le,[n(R,null,{default:a(()=>[S(s("div",ne,[(v(!0),k(H,null,J(r.value,(c,f)=>(v(),P(y,{key:c.productlineId,shadow:"hover","body-style":"padding: 0;box-sizing: border-box; position: relative; width: 100%;",class:Q(["scrollbar-demo-item",{selected:C.value===f}]),onClick:w=>E(f,c)},{default:a(()=>[s("div",{class:"pct-chart",id:`chart${f}-${c.productlineId}`},null,8,re),f!==0?(v(),P(b,{key:0,placement:"bottom",width:150,trigger:"click"},{reference:a(()=>[n(_,{class:"custom-icon",onClick:t[0]||(t[0]=K(()=>{},["stop"]))},{default:a(()=>[n(o)]),_:1})]),default:a(()=>[s("div",ie,[n(d,{icon:x(ee),text:"",size:"small",onClick:w=>M(c)},{default:a(()=>[D("编辑")]),_:2},1032,["icon","onClick"]),n(d,{icon:x(te),text:"",size:"small",onClick:w=>j(c),style:{"margin-left":"0"}},{default:a(()=>[D("删除")]),_:2},1032,["icon","onClick"])])]),_:2},1024)):W("",!0),s("div",de,[s("div",ue,$(c.productlineName),1),s("div",pe,[s("div",_e,"$"+$(c.totalSales),1),fe])])]),_:2},1032,["class","onClick"]))),128))],512),[[X,r.value]]),n(y,{shadow:"hover","body-style":"padding: 0;box-sizing: border-box; position: relative; width: 100%;",class:"scrollbar-demo-item"},{default:a(()=>[n(F,{description:" "},{image:a(()=>[me]),_:1})]),_:1})]),_:1})])),[[T,g.value]])}}});const Se=ce(ve,[["__scopeId","data-v-5e5cf535"]]);export{Se as default};