4 lines
16 KiB
JavaScript
4 lines
16 KiB
JavaScript
import{i as G,a as w,r as C,j as N,b as h,f as m,s as R,v as L,k as S,h as O,F as b,d as t,_ as D,y as z,z as F,t as v,n as y,p as P,o as $,l as q,w as T,c as f,e as u,x as j}from"./index-F1El3hcz.js";import{c as V,e as H,s as J,a as Y,b as Q,g as Z,o as K}from"./api-6AhkDDlN.js";import{i as E,L as p,R as X,_ as k,a as A,b as tt}from"./Remake-dUZfhVja.js";import{_ as U,a as I,b as B}from"./ZHB-8cmnZlCw.js";import{m as et}from"./mitt-Efd5K_Pa.js";import"./axios-QLjAsgXu.js";const ot="/yusi/assets/PHBSJ-60KfLsWy.png",st=t("img",{class:"img-cls",src:ot,alt:""},null,-1),at={key:0,class:"user-rank",style:{width:"98%"}},it={__name:"bottomRight",props:{code:Object},setup(d){const n=G(!0),o=w();V({...o.area}).then(l=>{console.log("===",l),e(a,l.data),e(r,l.data.merchantRankingList)});let i="",s="";const e=(l,_)=>{let g=[];return s=0,_==null||_.forEach((c,x)=>{s+=c.sales,l.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/s).toFixed(2)*100:(c.total_sales/i).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},a=C({oddRowBGC:"#001C2E",evenRowBGC:"#001C2E",columnWidth:[50,50,150,150,100],data:[]}),r=C({oddRowBGC:"#001C2E",evenRowBGC:"#001C2E",columnWidth:[50,50,150,150,100],data:[]});return(l,_)=>{const g=N("dv-scroll-board");return h(),m(b,null,[st,a.data.length?(h(),m("div",at,[R(S(g,{config:a,style:{height:"35vh","margin-left":"1%"}},null,8,["config"]),[[L,n.value]]),R(S(g,{config:r,style:{height:"35vh","margin-left":"1%"}},null,8,["config"]),[[L,!n.value]])])):O("",!0)],64)}}},rt="/yusi/assets/CJYH-ZRv_5mQ-.png",nt=t("img",{class:"img-cls",src:rt,alt:""},null,-1),dt=t("div",{id:"transactionUsers",class:"transactionUsers"},null,-1),lt={__name:"bottomCenter",setup(d){let n=w();H({...n.area}).then(s=>{s.data.forEach(e=>{i.xAxis[0],i.xAxis[0].data.push(e.date.slice(5,e.date.length)),i.series[0].data.push(e.visitUser),i.series[1].data.push(e.orderUser),i.series[2].data.push(e.payOrderUser)}),o("transactionUsers",i)});const o=(s,e)=>{var a=document.getElementById(s),r=E(a);r.setOption(e)},i={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(s,e)=>(h(),m(b,null,[nt,dt],64))}},ct="/yusi/assets/DRDDJE-IapCFgR5.png",M=d=>(z("data-v-f856f713"),d=d(),F(),d),ht=M(()=>t("div",{class:"users center",id:"orderAmount"},null,-1)),pt=M(()=>t("img",{class:"img-cls",src:ct,alt:""},null,-1)),ut={__name:"bottomleft",props:{code:Object},setup(d){const n=d,o=w();J({...o.area,streetCode:n.code}).then(e=>{e.data.forEach(a=>{i.series[0].data.push(a.yesterdayAmount),i.series[1].data.push(a.todayAmount)}),s("orderAmount",i)});const i=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:[]}]}),s=(e,a)=>{var r=document.getElementById(e),l=E(r);l.setOption(a)};return(e,a)=>(h(),m(b,null,[ht,pt],64))}},_t=D(ut,[["__scopeId","data-v-f856f713"]]),yt="/yusi/assets/SSLL-o8u4gqos.png",vt={class:"product-list"},mt={class:"product",style:{}},gt=P('<div class="bg"><img src="'+k+'" 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),ft={class:"product-content"},wt=t("div",{style:{"margin-top":"14vh",position:"relative"}},"商 品 总 数",-1),bt=t("div",{style:{"font-size":"10px"}},"NUMBER OF COMMODITIES",-1),xt=t("img",{src:U,style:{width:"75%",position:"relative","margin-top":"3.7vh"},alt:""},null,-1),Ct={style:{"margin-top":"2vh",position:"relative"}},St={style:{color:"#9DD2E0","font-size":"16px"}},Dt={style:{"margin-top":"1.5vh",display:"flex","justify-content":"space-around"}},Pt={style:{"font-size":"9px",position:"relative",display:"flex","align-items":"center"}},Et=t("img",{src:I,style:{width:"1vw",height:"1vw"},alt:""},null,-1),$t={style:{"font-size":"9px",position:"relative",display:"flex","align-items":"center"}},kt=t("img",{src:B,style:{width:"1vw",height:"1vw"},alt:""},null,-1),At={class:"product",style:{}},It=P('<div class="bg"><img src="'+k+'" 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),Bt={class:"product-content"},Rt=t("div",{style:{"margin-top":"14vh",position:"relative"}},"新 商 品 总 数",-1),Lt=t("div",{style:{"font-size":"10px"}},"NUMBER OF NEW SHOPS",-1),Gt=t("img",{src:tt,style:{width:"75%",position:"relative","margin-top":"3.7vh"},alt:""},null,-1),Nt={style:{"margin-top":"2vh",position:"relative"}},Ot={style:{color:"#9DD2E0","font-size":"16px"}},zt={style:{"margin-top":"1.5vh",display:"flex","justify-content":"space-around"}},Ft={style:{"font-size":"9px",position:"relative",display:"flex","align-items":"center"}},Ut=t("img",{src:I,style:{width:"1vw",height:"1vw"},alt:""},null,-1),Mt={style:{"font-size":"9px",position:"relative",display:"flex","align-items":"center"}},Wt=t("img",{src:B,style:{width:"1vw",height:"1vw"},alt:""},null,-1),qt={class:"product",style:{}},Tt=P('<div class="bg"><img src="'+k+'" 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),jt={class:"product-content"},Vt=t("div",{style:{"margin-top":"14vh",position:"relative"}},"累 计 店 铺 总 数",-1),Ht=t("div",{style:{"font-size":"10px"}},"ACCUMULATED NUMBERS OF SHOPS",-1),Jt=t("img",{src:U,style:{width:"75%",position:"relative","margin-top":"3.7vh"},alt:""},null,-1),Yt={style:{"margin-top":"2vh",position:"relative"}},Qt={style:{color:"#9DD2E0","font-size":"16px"}},Zt={style:{"margin-top":"1.5vh",display:"flex","justify-content":"space-around"}},Kt={style:{"font-size":"9px",position:"relative",display:"flex","align-items":"center"}},Xt=t("img",{src:I,style:{width:"1vw",height:"1vw"},alt:""},null,-1),te={style:{"font-size":"9px",position:"relative",display:"flex","align-items":"center"}},ee=t("img",{src:B,style:{width:"1vw",height:"1vw"},alt:""},null,-1),oe={class:"Views"},se=t("img",{src:yt,style:{width:"100%",height:"100%",position:"absolute"},alt:""},null,-1),ae={class:"view-content"},ie={style:{display:"flex","align-items":"center"}},re=t("span",{style:{"font-size":"18px"}},"实时收款金额：",-1),ne={__name:"topCenter",props:{code:Object},setup(d){const n=w(),o=C({totalProductCounInfo:{todayProductCount:0,yestertodayProductCount:0,weeklyProductTotalGrowthRate:6.6842},newProductCountInfo:{todayNewProductCount:0,yestertodayNewProductCount:0,weeklyNewProductTotalGrowthRate:-270},merchantCountInfo:{todayMerchantCount:22,yestertodayMerchantCount:22,weeklyMerchantGrowthRate:.0476}}),i=C({lastWeekRate:-0,today:0,yesterday:7,dayPayPrice:0});return Y({...n.area}).then(s=>{for(let e in s.data)o[e]=s.data[e]}),Q({...n.area}).then(s=>{for(let e in s.data)i[e]=s.data[e];et.emit("header-title",s.data.title)}),(s,e)=>(h(),m(b,null,[t("div",vt,[t("div",mt,[gt,t("div",ft,[wt,bt,xt,t("div",Ct,[t("span",St,v(o.totalProductCounInfo.todayProductCount),1),y(" 件")]),t("div",Dt,[t("div",Pt,[Et,y(" 昨日数据： "+v(o.totalProductCounInfo.yestertodayProductCount),1)]),t("div",$t,[kt,y(" 周环比: "+v(o.totalProductCounInfo.weeklyProductTotalGrowthRate)+"% ",1)])])])]),t("div",At,[It,t("div",Bt,[Rt,Lt,Gt,t("div",Nt,[t("span",Ot,v(o.newProductCountInfo.todayNewProductCount),1),y(" 件")]),t("div",zt,[t("div",Ft,[Ut,y(" 昨日数据： "+v(o.newProductCountInfo.yestertodayNewProductCount),1)]),t("div",Mt,[Wt,y(" 周环比: "+v(o.newProductCountInfo.weeklyNewProductTotalGrowthRate)+"% ",1)])])])]),t("div",qt,[Tt,t("div",jt,[Vt,Ht,Jt,t("div",Yt,[t("span",Qt,v(o.merchantCountInfo.todayMerchantCount),1),y(" 间")]),t("div",Zt,[t("div",Kt,[Xt,y(" 昨日数据： "+v(o.merchantCountInfo.yestertodayMerchantCount),1)]),t("div",te,[ee,y(" 周环比: "+v(o.merchantCountInfo.weeklyMerchantGrowthRate)+"% ",1)])])])])]),t("div",oe,[se,t("div",ae,[t("div",ie,[re,S(X,{num:i.dayPayPrice},null,8,["num"])])])])],64))}},de="/yusi/assets/YHSJ-A58vzEzZ.png",W=d=>(z("data-v-d1a9b448"),d=d(),F(),d),le=W(()=>t("img",{class:"img-cls",src:de,alt:""},null,-1)),ce=W(()=>t("div",{class:"user center",id:"user"},null,-1)),he={__name:"topLeft",props:{code:Object},setup(d){const n=w(),o=d;Z({...n.area,streetCode:o.code}).then(a=>{a.data.forEach(r=>{s.series[0].data.push(r.newUserCount),s.series[1].data.push(r.viewUserCount),s.series[2].data.push(r.totalUserCount)}),e("user",s)});const i=()=>{for(var a=new Date,r=new Array,l=0;l<5;l++){var _=new Date(a);_.setDate(a.getDate()-l);var g=_.getMonth()+1,c=Number(_.getDate());c=c>=10?c:"0"+c;var x=g+"."+c;r.unshift(x)}return r},s={color:[new p(0,1,0,0,[{offset:1,color:"transparent"},{offset:0,color:"#0081C3"}]),new p(0,1,0,0,[{offset:1,color:"transparent"},{offset:0,color:"#3E54BF"}]),new p(0,1,0,0,[{offset:1,color:"transparent"},{offset:0,color:"#4DBFD9"}])],tooltip:{trigger:"axis",axisPointer:{type:"shadow"}},legend:{textStyle:{color:"white"}},grid:{left:"3%",right:"4%",bottom:"3%",containLabel:!0},xAxis:[{type:"category",data:i()}],yAxis:[{type:"value",splitLine:{show:!0,lineStyle:{type:"dashed",color:"#256980"}}}],series:[{name:"新增会员数量",type:"bar",emphasis:{focus:"series"},data:[],itemStyle:{borderWidth:1,borderColor:"#384FB4"},backgroundStyle:{color:["red"]}},{name:"访问用户数量",type:"bar",emphasis:{focus:"series"},data:[],itemStyle:{borderWidth:1,borderColor:"#3E54BF"}},{name:"累计会员数量",type:"bar",emphasis:{focus:"series"},data:[],itemStyle:{borderWidth:1,borderColor:"#4EC1DB"}}]},e=(a,r)=>{var l=document.getElementById(a),_=E(l);_.setOption(r)};return $(()=>{}),(a,r)=>(h(),m(b,null,[le,ce],64))}},pe=D(he,[["__scopeId","data-v-d1a9b448"]]),ue="/yusi/assets/DDSJ-QxPmtLGV.png",_e=P('<img class="img-cls" src="'+ue+'" alt="" data-v-53e74d22><div class="order-data" data-v-53e74d22><div class="tit" data-v-53e74d22><div style="display:flex;align-items:center;" data-v-53e74d22><div class="gradient-circle" data-v-53e74d22></div> 日订单数据 </div><div style="display:flex;align-items:center;" data-v-53e74d22><div class="gradient-circle" data-v-53e74d22></div> 月订单数据 </div></div><div style="width:100%;height:50%;transform:translateY(5vh);" id="orderData" data-v-53e74d22></div><div style="width:100%;height:50%;" id="orderData2" data-v-53e74d22></div></div>',2),ye={__name:"topRight",props:{code:Object},setup(d){const n=w();K({...n.area}).then(e=>{o.series[0].data.push(e.data.orderNum),o.series[0].data.push(e.data.monthOrderNum),i.series[0].data.push(e.data.orderPayNum),i.series[0].data.push(e.data.monthOrderPayNum),s("orderData",o),s("orderData2",i),console.log(45454)});const o={tooltip:{trigger:"axis",axisPointer:{type:"shadow"}},legend:{},grid:{left:"3%",right:"4%",bottom:"3%",containLabel:!0},xAxis:{type:"value",boundaryGap:[0,.01],splitLine:{show:!0,lineStyle:{type:"dashed",color:"#256980"}}},yAxis:{type:"category",data:["当日订单数","当月订单数"]},series:[{barWidth:15,barGap:"1000%",barCategoryGap:"100%",data:[],type:"bar",itemStyle:{normal:{color:function(e){var a=[new p(1,0,0,0,[{offset:1,color:"#0298E5"},{offset:0,color:"transparent"}]),new p(1,0,0,0,[{offset:1,color:"#4358C8"},{offset:0,color:"transparent"}])];return a[e.dataIndex]},borderColor:["blue"]},borderWidth:2,borderColor:"red"}}]},i={tooltip:{trigger:"axis",axisPointer:{type:"shadow"}},legend:{},grid:{left:"3%",right:"4%",bottom:"3%",containLabel:!0},xAxis:{type:"value",boundaryGap:[0,.01],splitLine:{show:!0,lineStyle:{type:"dashed",color:"#256980"}}},yAxis:{type:"category",data:["当日支付人数","当月支付人数"]},series:[{barWidth:15,barGap:"1000%",barCategoryGap:"100%",data:[],type:"bar",itemStyle:{normal:{color:function(e){var a=[new p(1,0,0,0,[{offset:1,color:"#0298E5"},{offset:0,color:"transparent"}]),new p(1,0,0,0,[{offset:1,color:"#4358C8"},{offset:0,color:"transparent"}])];return a[e.dataIndex]},borderColor:["blue"]},borderWidth:2,borderColor:"red"}}]},s=(e,a)=>{var r=document.getElementById(e),l=E(r);l.setOption(a)};return $(()=>{document.getElementById("orderData").removeAttribute("_echarts_instance_"),document.getElementById("orderData2").removeAttribute("_echarts_instance_")}),(e,a)=>_e}},ve=D(ye,[["__scopeId","data-v-53e74d22"]]),me={key:0,class:"center"},ge={class:"top box"},fe={class:"l"},we={class:"c",id:""},be={class:"r"},xe={class:"bottom box"},Ce={class:"l"},Se={class:"c"},De={class:"r"},Pe={__name:"townDetail",setup(d){const n=G(!0),o=q();return $(()=>{setTimeout(()=>{n.value=!1},1e3)}),(i,s)=>{const e=N("dv-loading");return h(),m(b,null,[n.value?(h(),m("div",me,[S(e,null,{default:T(()=>[y("Loading...")]),_:1})])):O("",!0),t("div",{style:j({opacity:n.value?0:1})},[t("div",ge,[t("div",fe,[(h(),f(pe,{code:u(o).query.code,key:u(o).query.code},null,8,["code"]))]),t("div",we,[(h(),f(ne,{code:u(o).query.code,key:u(o).query.code},null,8,["code"]))]),t("div",be,[(h(),f(ve,{code:u(o).query.code,key:u(o).query.code},null,8,["code"]))])]),t("div",xe,[t("div",Ce,[(h(),f(_t,{code:u(o).query.code,key:u(o).query.code},null,8,["code"]))]),t("div",Se,[(h(),f(lt,{key:u(o).query.code}))]),t("div",De,[(h(),f(it,{code:u(o).query.code,key:u(o).query.code},null,8,["code"]))])])],4)],64)}}},Re=D(Pe,[["__scopeId","data-v-04c479e7"]]);export{Re as default};
|