mer-tradescreen/sss/assets/townDetail-MkdfLimg.js

import{i as $,a as w,r as C,j as N,b as h,f as m,s as L,v as G,k as S,h as O,F as b,d as t,_ as D,y as z,z as U,A as F,t as v,n as y,p as P,o as k,l as T,w as j,c as f,e as u,x as V}from"./index-YMGuLzFR.js";import{c as H,e as J,s as Y,a as Q,b as Z,g as K,o as X}from"./api-4xjskPzZ.js";import{i as E,L as p,R as tt,_ as I,a as A,b as et}from"./Remake-SnwUcttJ.js";import{_ as M,a as B,b as R}from"./ZHB-RQRXdCys.js";import{m as ot}from"./mitt-Efd5K_Pa.js";import"./axios-QLjAsgXu.js";const st="/sss/assets/PHBSJ-60KfLsWy.png",at=t("img",{class:"img-cls",src:st,alt:""},null,-1),it={key:0,class:"user-rank",style:{width:"98%"}},rt={__name:"bottomRight",props:{code:Object},setup(l){const n=$(!0),o=w();H({...o.area}).then(d=>{console.log("===",d),s(e,d.data),s(i,d.data.merchantRankingList)});let a="",r="";const s=(d,_)=>{let g=[];return r=0,_==null||_.forEach((c,x)=>{r+=c.sales,d.data.push([`<div style="line-height:30px; text-align: center;background-image: url('/static/index/PM${x+1<=3?x+1:4}.png');width: 30px;height: 30px;background-size: cover;" >${x+1}</div> `,`<div style='background:red;position:relative'><img src="${c.image||c.mini_banner}" style="width: 30px;height: 30px;position:absolute" alt=""></div>`,`<div style='height:40px;line-height:40px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;'>${c.store_name||c.mer_name}</div>`,`<div style='  transform: translateY(12px); width: 100%; height: 10px; background-color: #122E3F;overflow: hidden;'> <div style=' width:  ${c.store_name?(c.sales/r).toFixed(2)*100:(c.total_sales/a).toFixed(2)*100}%;height: 100%; background: linear-gradient(to right, #4459CC, #53CAE2);transition: width 0.5s ease-in-out;'></div> </div>`,`<div style=' position: relative;line-height:30px;text-align:center' >${c.sales} <span style='font-size:10px'>单</span>
                    <img src="/static/index/PHBBG.png" style="position: absolute;width: 100%;height: 30px; top:0px;left:0px" alt="">
                </div>`])}),g},e=C({oddRowBGC:"#001C2E",evenRowBGC:"#001C2E",columnWidth:[50,50,150,150,100],data:[]}),i=C({oddRowBGC:"#001C2E",evenRowBGC:"#001C2E",columnWidth:[50,50,150,150,100],data:[]});return(d,_)=>{const g=N("dv-scroll-board");return h(),m(b,null,[at,e.data.length?(h(),m("div",it,[L(S(g,{config:e,style:{height:"35vh","margin-left":"1%"}},null,8,["config"]),[[G,n.value]]),L(S(g,{config:i,style:{height:"35vh","margin-left":"1%"}},null,8,["config"]),[[G,!n.value]])])):O("",!0)],64)}}},nt="/sss/assets/CJYH-ZRv_5mQ-.png",lt=t("img",{class:"img-cls",src:nt,alt:""},null,-1),dt=t("div",{id:"transactionUsers",class:"transactionUsers"},null,-1),ct={__name:"bottomCenter",setup(l){let n=w();J({...n.area}).then(r=>{r.data.forEach(s=>{a.xAxis[0],a.xAxis[0].data.push(s.date.slice(5,s.date.length)),a.series[0].data.push(s.visitUser),a.series[1].data.push(s.orderUser),a.series[2].data.push(s.payOrderUser)}),o("transactionUsers",a)});const o=(r,s)=>{var e=document.getElementById(r),i=E(e);i.setOption(s)},a={color:["#4B5FDB","#583936","#10C1CE"],title:{text:""},tooltip:{trigger:"axis",axisPointer:{type:"cross",label:{backgroundColor:"#6a7985"}}},legend:{data:["访客人数","下单人数","支付人数"],textStyle:{color:"white"},icon:"cricle",itemWidth:10,itemHeight:10,itemGap:10,top:"2%"},grid:{left:"3%",right:"4%",bottom:"3%",containLabel:!0},xAxis:[{type:"category",boundaryGap:!1,data:[],axisLabel:{fontSize:12,color:"#d1f9fb",rotate:40}}],yAxis:[{type:"value",splitLine:{show:!0,lineStyle:{type:"dashed",color:"#256980"}}}],series:[{name:"访客人数",type:"line",smooth:!0,lineStyle:{width:0},showSymbol:!1,areaStyle:{opacity:.8,color:new p(0,0,0,1,[{offset:0,color:"#4B5FDB"},{offset:1,color:"#5A649D"}])},emphasis:{focus:"series"},data:[]},{name:"下单人数",type:"line",smooth:!0,lineStyle:{width:0},showSymbol:!1,areaStyle:{opacity:.8,color:new p(0,0,0,1,[{offset:0,color:"#583936"},{offset:1,color:"#8b7042"}])},emphasis:{focus:"series"},data:[]},{name:"支付人数",type:"line",smooth:!0,lineStyle:{width:0},showSymbol:!1,areaStyle:{opacity:.8,color:new p(0,0,0,1,[{offset:0,color:"#10C1CE"},{offset:1,color:"#0294E0"}])},emphasis:{focus:"series"},data:[]}]};return(r,s)=>(h(),m(b,null,[lt,dt],64))}},ht="/sss/assets/DRDDJE-IapCFgR5.png",W=l=>(z("data-v-f856f713"),l=l(),U(),l),pt=W(()=>t("div",{class:"users center",id:"orderAmount"},null,-1)),ut=W(()=>t("img",{class:"img-cls",src:ht,alt:""},null,-1)),_t={__name:"bottomleft",props:{code:Object},setup(l){const n=l,o=w();Y({...o.area,streetCode:n.code}).then(s=>{s.data.forEach(e=>{a.series[0].data.push(e.yesterdayAmount),a.series[1].data.push(e.todayAmount)}),r("orderAmount",a)});const a=C({color:[new p(0,1,0,0,[{offset:1,color:"#57D3ED"},{offset:0,color:"transparent"}]),new p(0,1,0,0,[{offset:1,color:"#4156C2"},{offset:0,color:"transparent"}])],tooltip:{show:!0,trigger:"axis",axisPointer:{type:"shadow"}},legend:{textStyle:{color:"white"}},grid:{left:"3%",right:"4%",bottom:"3%",containLabel:!0},xAxis:[{type:"category",data:["0-4时","4-8时","8-12时","12-16时","16-20时","20-0时"]}],yAxis:[{type:"value",splitLine:{show:!0,lineStyle:{type:"dashed",color:"#256980"}}}],series:[{name:"昨日订单额",type:"bar",emphasis:{focus:"series"},data:[],backgroundStyle:{color:["red"]}},{name:"今日订单额",type:"bar",emphasis:{focus:"series"},data:[]}]}),r=(s,e)=>{var i=document.getElementById(s),d=E(i);d.setOption(e)};return(s,e)=>(h(),m(b,null,[pt,ut],64))}},yt=D(_t,[["__scopeId","data-v-f856f713"]]),vt="/sss/assets/SSLL-o8u4gqos.png",mt={class:"product-list"},gt={class:"product",style:{}},ft=P('<div class="bg"><img src="'+I+'" style="width:90%;height:100%;" alt=""><img src="'+A+'" class="product-icon" alt=""><div class="bubble"></div><div class="bubble1"></div><div class="bubble2"></div></div>',1),wt={class:"product-content"},bt=t("div",{style:{"margin-top":"14vh",position:"relative"}},"商 品 总 数",-1),xt=t("div",{style:{"font-size":"10px"}},"NUMBER OF COMMODITIES",-1),Ct=t("img",{src:M,style:{width:"75%",position:"relative","margin-top":"3.7vh"},alt:""},null,-1),St={