4 lines
24 KiB
JavaScript
4 lines
24 KiB
JavaScript
import{L as O,i as U,R as X,_ as j,a as J,b as Z}from"./Remake-SnwUcttJ.js";import{g as $,a as tt,b as et,c as st,d as ot,e as at,f as nt}from"./api-4xjskPzZ.js";import{r as C,i as M,b as u,f as p,d as t,F as D,g as L,t as v,e as A,n as P,k as E,p as R,j as H,q as F,s as Q,v as K,h as z,o as it,u as lt,a as rt,w as ct,x as dt}from"./index-YMGuLzFR.js";import{_ as Y,a as W,b as T}from"./ZHB-RQRXdCys.js";import"./axios-QLjAsgXu.js";const ht="/sss/assets/PTYHL-qZcXp_Yd.png",ut=t("img",{src:ht,style:{position:"absolute",width:"100%",height:"100%"},alt:""},null,-1),pt=t("div",{class:"user",id:"user"},null,-1),mt={class:"storeNum"},vt=t("div",{class:"tit"},null,-1),gt={class:"townList",style:{color:"white",height:"14.4vh"}},_t=["id"],ft={class:"toenName"},yt={style:{color:"white",display:"flex","justify-content":"center"}},wt=["onClick"],Ct={__name:"topLeft",props:{areaCodes:Object},setup(S){const _=S,o=()=>{for(var h=new Date,b=new Array,s=0;s<5;s++){var l=new Date(h);l.setDate(h.getDate()-s);var N=l.getMonth()+1,k=Number(l.getDate());k=k>=10?k:"0"+k;var c=N+"."+k;b.unshift(c)}return b},a=(h,b)=>{var s=document.getElementById(h),l=U(s);l.setOption(b)};let d={color:[new O(0,1,0,0,[{offset:1,color:"transparent"},{offset:0,color:"#0081C3"}]),new O(0,1,0,0,[{offset:1,color:"transparent"},{offset:0,color:"#3E54BF"}]),new O(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:o()}],yAxis:[{type:"value",splitLine:{show:!0,lineStyle:{type:"dashed",color:"#256980"}}}],series:[{name:"新增用户数量",type:"bar",emphasis:{focus:"series"},data:[],itemStyle:{borderWidth:1,borderColor:"#384FB4"}},{name:"访问用户数量",type:"bar",emphasis:{focus:"series"},data:[],itemStyle:{borderWidth:1,borderColor:"#3E54BF"}},{name:"累计用户数量",type:"bar",emphasis:{focus:"series"},data:[],itemStyle:{borderWidth:1,borderColor:"#4EC1DB"}}]},n=0,m=h=>({backgroundColor:"#061740",title:{text:"{a|"+h+"}{c|%}",x:"center",y:"center",textStyle:{rich:{a:{fontSize:10,color:"#ffffff",fontWeight:"bold"},c:{fontSize:10,color:"#ffffff",fontWeight:"normal"}}}},series:[{name:"",type:"custom",coordinateSystem:"none",renderItem:function(b,s){return{type:"arc",shape:{cx:s.getWidth()/2,cy:s.getHeight()/2,r:Math.min(s.getWidth(),s.getHeight())/2.3*.65,startAngle:(0+-n)*Math.PI/180,endAngle:(360+-n)*Math.PI/180},style:{stroke:"#0CD3DB",fill:"transparent",lineWidth:.5},silent:!0}},data:[0]},{name:"",type:"pie",radius:["85%","70%"],silent:!0,clockwise:!0,startAngle:90,z:0,zlevel:0,label:{normal:{position:"center"}},data:[{value:h,name:"",itemStyle:{normal:{borderWidth:.5,shadowBlur:20,borderColor:"#4bf3f9",shadowColor:"#9bfeff",color:{colorStops:[{offset:0,color:"#4bf3f9"},{offset:1,color:"#4bf3f9"}]}}}},{value:100-h,name:"",label:{normal:{show:!1}},itemStyle:{normal:{color:"#173164"}}}]}]});const f=C([]),e=(h,b)=>{f.splice(0,f.length),h.forEach(s=>{let l=(s.merchant_count/b).toFixed(2)*100;f.push({name:s.street_name,num:s.merchant_count,option:m(l)})}),f.forEach((s,l)=>{a(`store${l}`,s.option)})};let y=M(0),r=[],g=[];$(_.areaCodes).then(h=>{r=h.data.merchatCountList,g=h.data.merchantTotalCount;let{userCountlist:b}=h.data;b.forEach(s=>{d.series[0].data.push(s.newUserCount),d.series[1].data.push(s.viewUserCount),d.series[2].data.push(s.totalUserCount)}),y.value=Math.ceil(r.length/8),a("user",d),e(r.slice(0,8),g)});const B=h=>{switch(h){case 1:e(r.slice(0,8),g);break;case 2:e(r.slice(8,16),g);break;case 3:e(r.slice(16,24),g);break;case 4:e(r.slice(24,32),g);break}};return(h,b)=>(u(),p(D,null,[ut,pt,t("div",mt,[vt,t("div",gt,[(u(!0),p(D,null,L(f.length||[1,1,1,1,1,1,1,1],(s,l)=>{var N,k;return u(),p("div",{class:"storebox",key:l},[t("div",{class:"store",id:"store"+l},null,8,_t),t("div",ft,[t("div",null,v((N=f[l])==null?void 0:N.name),1),t("div",null,v((k=f[l])==null?void 0:k.num)+"个",1)])])}),128))]),t("div",yt,[(u(!0),p(D,null,L(A(y),(s,l)=>(u(),p("div",{class:"page-num",onClick:N=>B(l+1)},v(l+1),9,wt))),256))])])],64))}},V="data:image/png;base64,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",bt="/sss/assets/SSLLL-DgNcD4G7.png",xt={class:"product-list"},At={class:"product",style:{}},kt=R('<div class="bg"><img src="'+j+'" style="width:90%;height:100%;" alt=""><img src="'+J+'" class="product-icon" alt=""><div class="bubble"></div><div class="bubble1"></div><div class="bubble2"></div></div>',1),St={class:"product-content"},Pt=t("div",{style:{"margin-top":"14vh",position:"relative"}},"商 品 总 数",-1),Et=t("div",{style:{"font-size":"10px"}},"NUMBER OF COMMODITIES",-1),Dt=t("img",{src:Y,style:{width:"75%",position:"relative","margin-top":"3.7vh"},alt:""},null,-1),Nt={style:{"margin-top":"2vh",position:"relative"}},Bt={style:{color:"#9DD2E0","font-size":"16px"}},Mt={style:{"margin-top":"1.5vh",display:"flex","justify-content":"space-around",padding:"0 1vw"}},It={style:{"font-size":"12px",position:"relative",display:"flex","align-items":"center"}},Ot=t("img",{src:W,style:{width:"1vw",height:"1vw"},alt:""},null,-1),Lt={style:{"font-size":"12px",position:"relative",display:"flex","align-items":"center"}},zt=t("img",{src:T,style:{width:"1vw",height:"1vw"},alt:""},null,-1),Ht={class:"product",style:{}},Gt=R('<div class="bg"><img src="'+j+'" style="width:90%;height:100%;" alt=""><img src="'+V+'" class="product-icon" alt=""><div class="bubble"></div><div class="bubble1"></div><div class="bubble2"></div></div>',1),Ft={class:"product-content"},Ut=t("div",{style:{"margin-top":"14vh",position:"relative"}},"新 商 品 总 数",-1),jt=t("div",{style:{"font-size":"10px"}},"NUMBER OF NEW SHOPS",-1),Rt=t("img",{src:Z,style:{width:"75%",position:"relative","margin-top":"3.7vh"},alt:""},null,-1),Wt={style:{"margin-top":"2vh",position:"relative"}},Tt={style:{color:"#9DD2E0","font-size":"16px"}},qt={style:{"margin-top":"1.5vh",display:"flex","justify-content":"space-around",padding:"0 1vw"}},Qt={style:{"font-size":"12px",position:"relative",display:"flex","align-items":"center"}},Kt=t("img",{src:W,style:{width:"1vw",height:"1vw"},alt:""},null,-1),Yt={style:{"font-size":"12px",position:"relative",display:"flex","align-items":"center"}},Vt=t("img",{src:T,style:{width:"1vw",height:"1vw"},alt:""},null,-1),Xt={class:"product",style:{}},Jt=R('<div class="bg"><img src="'+j+'" style="width:90%;height:100%;" alt=""><img src="'+V+'" class="product-icon" alt=""><div class="bubble"></div><div class="bubble1"></div><div class="bubble2"></div></div>',1),Zt={class:"product-content"},$t=t("div",{style:{"margin-top":"14vh",position:"relative"}},"累 计 店 铺 总 数",-1),te=t("div",{style:{"font-size":"10px"}},"ACCUMULATED NUMBERS OF SHOPS",-1),ee=t("img",{src:Y,style:{width:"75%",position:"relative","margin-top":"3.7vh"},alt:""},null,-1),se={style:{"margin-top":"2vh",position:"relative"}},oe={style:{color:"#9DD2E0","font-size":"16px"}},ae={style:{"margin-top":"1.5vh",display:"flex","justify-content":"space-around",padding:"0 1vw"}},ne={style:{"font-size":"12px",position:"relative",display:"flex","align-items":"center"}},ie=t("img",{src:W,style:{width:"1vw",height:"1vw"},alt:""},null,-1),le={style:{"font-size":"12px",position:"relative",display:"flex","align-items":"center"}},re=t("img",{src:T,style:{width:"1vw",height:"1vw"},alt:""},null,-1),ce={class:"Views"},de=t("img",{src:bt,style:{width:"100%",height:"100%",position:"absolute"},alt:""},null,-1),he={class:"view-content"},ue={style:{display:"flex","align-items":"center"}},pe={__name:"topCenter",props:{areaCodes:Object},setup(S){const _=S;let o=C({totalProductCounInfo:{todayProductCount:20,yestertodayProductCount:292,weeklyProductTotalGrowthRate:"9.42"},newProductCountInfo:{todayNewProductCount:0,yestertodayNewProductCount:0,weeklyNewProductTotalGrowthRate:"-1.00"},merchantCountInfo:{todayMerchantCount:22,yestertodayMerchantCount:22,weeklyMerchantGrowthRate:"-0.04"}}),a=C({today:0,yesterday:0,lastWeekRate:0});const d=(m,f)=>{for(let e in m)f[e]=m[e]};tt(_.areaCodes).then(m=>{o=C(m.data),d(m.data,o)}),et(_.areaCodes).then(m=>{d(m.data,a)});const n=m=>m+"%";return(m,f)=>{var e,y,r,g,B,h,b,s,l,N,k,c,x,i,w;return u(),p(D,null,[t("div",xt,[t("div",At,[kt,t("div",St,[Pt,Et,Dt,t("div",Nt,[t("span",Bt,v((e=A(o))==null?void 0:e.totalProductCounInfo.todayProductCount),1),P(" 件")]),t("div",Mt,[t("div",It,[Ot,P(" 昨日数据： "+v((y=A(o))==null?void 0:y.totalProductCounInfo.yestertodayProductCount),1)]),t("div",Lt,[zt,P(" 周环比: "+v(n((r=A(o))==null?void 0:r.totalProductCounInfo.weeklyProductTotalGrowthRate)),1)])])])]),t("div",Ht,[Gt,t("div",Ft,[Ut,jt,Rt,t("div",Wt,[t("span",Tt,v((B=(g=A(o))==null?void 0:g.newProductCountInfo)==null?void 0:B.todayNewProductCount),1),P(" 件")]),t("div",qt,[t("div",Qt,[Kt,P(" 昨日数据： "+v((b=(h=A(o))==null?void 0:h.newProductCountInfo)==null?void 0:b.yestertodayNewProductCount),1)]),t("div",Yt,[Vt,P(" 周环比: "+v(n((l=(s=A(o))==null?void 0:s.newProductCountInfo)==null?void 0:l.weeklyNewProductTotalGrowthRate)),1)])])])]),t("div",Xt,[Jt,t("div",Zt,[$t,te,ee,t("div",se,[t("span",oe,v((k=(N=A(o))==null?void 0:N.merchantCountInfo)==null?void 0:k.todayMerchantCount),1),P(" 个")]),t("div",ae,[t("div",ne,[ie,P(" 昨日数据： "+v((x=(c=A(o))==null?void 0:c.merchantCountInfo)==null?void 0:x.yestertodayMerchantCount),1)]),t("div",le,[re,P(" 周环比: "+v(n((w=(i=A(o))==null?void 0:i.merchantCountInfo)==null?void 0:w.weeklyMerchantGrowthRate)),1)])])])])]),t("div",ce,[de,t("div",he,[t("div",null,"昨日数据："+v(A(a).yesterday),1),t("div",ue,[P("当前浏览量： "),E(X,{num:A(a).today},null,8,["num"]),P(" 人正在浏览 ")]),t("div",null,"周环比："+v(n(A(a).lastWeekRate)),1)])])],64)}}},me="/sss/assets/PTSP-DfOuk1-O.png",ve=t("img",{src:me,style:{position:"absolute",width:"100%",height:"100%"},alt:""},null,-1),ge={key:0,class:"user",style:{width:"98%"}},_e={class:"btns"},fe={class:"storeNum"},ye=t("div",{class:"tit"},null,-1),we={class:"townList",style:{color:"white"}},Ce=["id"],be={class:"toenName"},xe={style:{color:"white",display:"flex","justify-content":"center"}},Ae=["onClick"],ke={__name:"topRight",props:{areaCodes:Object},setup(S){const _=S,o=M(!0);let a=C([]),d=C([]),n=C([]),m=M(0),f=M(0),e=M(0);const y=c=>{let x=[];return c.forEach((i,w)=>{x.push([`<div style="line-height:30px; text-align: center;background-image: url('/static/index/PM${w+1<=3?w+1:4}.png');width: 30px;height: 30px;background-size: cover;" >${w+1}</div> `,`<div style='background:red;position:relative'><img src="${i.image||i.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;'>${i.store_name||i.mer_name}</div>`,`<div style=' transform: translateY(12px); width: 100%; height: 10px; background-color: #122E3F;overflow: hidden;'> <div style=' width: ${i.store_name?(i.total_sales/f.value).toFixed(2)*100:(i.total_sales/e.value).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' >${i.total_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>`])}),x},r=C({oddRowBGC:"#001C2E",evenRowBGC:"#001C2E",columnWidth:[50,50,150,150,100],rowNum:4,data:[]}),g=C({oddRowBGC:"#001C2E",evenRowBGC:"#001C2E",columnWidth:[50,50,150,150,100],rowNum:4,data:[]});let B=0,h=c=>({backgroundColor:"#061740",title:{text:"{a|"+c+"}{c|%}",x:"center",y:"center",textStyle:{rich:{a:{fontSize:10,color:"#ffffff",fontWeight:"bold"},c:{fontSize:10,color:"#ffffff",fontWeight:"normal"}}}},series:[{name:"",type:"custom",coordinateSystem:"none",renderItem:function(x,i){return{type:"arc",shape:{cx:i.getWidth()/2,cy:i.getHeight()/2,r:Math.min(i.getWidth(),i.getHeight())/2.3*.65,startAngle:(0+-B)*Math.PI/180,endAngle:(360+-B)*Math.PI/180},style:{stroke:"#0CD3DB",fill:"transparent",lineWidth:.5},silent:!0}},data:[0]},{name:"",type:"pie",radius:["85%","70%"],silent:!0,clockwise:!0,startAngle:90,z:0,zlevel:0,label:{normal:{position:"center"}},data:[{value:c,name:"",itemStyle:{normal:{borderWidth:.5,shadowBlur:20,borderColor:"#4bf3f9",shadowColor:"#9bfeff",color:{colorStops:[{offset:0,color:"#4bf3f9"},{offset:1,color:"#4bf3f9"}]}}}},{value:100-c,name:"",label:{normal:{show:!1}},itemStyle:{normal:{color:"#173164"}}}]}]});const b=(c,x)=>{var i=document.getElementById(c),w=U(i);w.setOption(x)},s=C([]),l=(c,x)=>{s.splice(0,s.length),c.forEach(i=>{let w=parseInt(i.product_count/x*100);s.push({name:i.street_name,num:i.product_count,option:h(w)})}),s.forEach((i,w)=>{b(`stores${w}`,i.option)})};let N=M(0);st(_.areaCodes).then(c=>{d=c.data.productRankingList,a=c.data.merchantRankingList,n=c.data.townProductCountList,f.value=c.data.productRankingTotal,e.value=c.data.townProductCount,m.value=c.data.merchantRankingTotal,r.data=y(d),g.data=y(a),N.value=Math.ceil(n.length/8),l(n.slice(0,8),e.value)});const k=c=>{switch(c){case 1:l(n.slice(0,8),e.value);break;case 2:l(n.slice(8,16),e.value);break;case 3:l(n.slice(16,24),e.value);break;case 4:l(n.slice(24,32),e.value);break}};return(c,x)=>{const i=H("dv-scroll-board");return u(),p(D,null,[ve,r.data.length?(u(),p("div",ge,[t("div",_e,[t("span",{class:F(["btn",{actbtn:o.value}]),onClick:x[0]||(x[0]=w=>o.value=!0)},"商品销售排行",2),t("span",{class:F(["btn",{actbtn:!o.value}]),onClick:x[1]||(x[1]=w=>o.value=!1)},"店铺销量排行",2)]),Q(E(i,{config:r,style:{height:"17vh","margin-left":"1%"}},null,8,["config"]),[[K,o.value]]),Q(E(i,{config:g,style:{height:"17vh","margin-left":"1%"}},null,8,["config"]),[[K,!o.value]])])):z("",!0),t("div",fe,[ye,t("div",we,[(u(!0),p(D,null,L(s.length||[1,1,1,1,1,1,1,1],(w,I)=>{var G,q;return u(),p("div",{class:"storebox",key:I},[t("div",{class:"store",id:"stores"+I},null,8,Ce),t("div",be,[t("div",null,v((G=s[I])==null?void 0:G.name),1),t("div",null,v((q=s[I])==null?void 0:q.num)+"个",1)])])}),128))]),t("div",xe,[(u(!0),p(D,null,L(A(N),(w,I)=>(u(),p("div",{class:"page-num",onClick:G=>k(I+1)},v(I+1),9,Ae))),256))])])],64)}}},Se="/sss/assets/DDSJ-vhKbv7OH.png",Pe=t("img",{src:Se,style:{position:"absolute",width:"100%",height:"100%"},alt:""},null,-1),Ee=t("div",{style:{height:"5vh"}},null,-1),De={key:0},Ne={__name:"bottomLeft",props:{areaCodes:Object},setup(S){const _=S,o=C({header:["所属地区","日订单数","日订单金额","月订单数","月订单金额"],headerSize:"11px",align:["center","center","center","center","center"],headerBGC:"#223B7E",rowNum:10,data:[]});return ot(_.areaCodes).then(a=>{a.data.list.forEach(d=>{o.data.push([d.street_name,d.dayOrderCount,d.dayOrderAmount,d.monthOrderCount,d.monthOrderAmount])})}),(a,d)=>{var m;const n=H("dv-scroll-board");return u(),p(D,null,[Pe,Ee,(m=o.data)!=null&&m.length?(u(),p("div",De,[E(n,{config:o,style:{width:"96%",height:"40vh","margin-left":"2%"}},null,8,["config"])])):z("",!0)],64)}}},Be="/sss/assets/CJYHTJ-YMIneNOY.png",Me=t("img",{src:Be,style:{position:"absolute",width:"100%",height:"100%"},alt:""},null,-1),Ie=t("div",{style:{height:"5vh"}},null,-1),Oe={class:"towns"},Le={class:"town-li act"},ze=["onClick"],He={key:0,id:"transactionUsers",style:{width:"100%",height:"30vh"}},Ge={__name:"bottomCenter",props:{areaCodes:Object},setup(S){const _=S,o=y=>{_.areaCodes.streetCode=y,n()},a=C([]),d=C({area_code:"",area_name:""}),n=()=>{at(_.areaCodes).then(y=>{f.value=!1,e.xAxis[0].data.splice(0,e.xAxis[0].data.length),e.series[0].data.splice(0,e.series[0].data.length),e.series[1].data.splice(0,e.series[1].data.length),e.series[2].data.splice(0,e.series[2].data.length),a.length||y.data.streetList.forEach(r=>{a.push(r)}),d.area_name=y.data.area.area_name,y.data.userTradeCountList.forEach(r=>{e.xAxis[0].data.push(r.date.slice(5,r.date.length)),e.series[0].data.push(r.visitUser),e.series[1].data.push(r.orderUser),e.series[2].data.push(r.payOrderUser)}),f.value=!0,setTimeout(()=>{m("transactionUsers",e)},10)})},m=(y,r)=>{var g=document.getElementById(y),B=U(g);B.setOption(r)},f=M(!1),e=C({color:["#015989","#583936","#416979"],title:{text:""},tooltip:{trigger:"axis",backgroundColor:"#1F3948",borderColor:"#1F3948",textStyle:{color:"#fff",fontSize:14},axisPointer:{type:"cross",label:{backgroundColor:"#6a7985"}}},legend:{data:["访客人数","下单人数","支付人数"],textStyle:{color:"white"}},grid:{left:"3%",right:"4%",bottom:"3%",containLabel:!0},xAxis:[{type:"category",boundaryGap:!1,axisLabel:{fontSize:12,color:"#d1f9fb",rotate:40},data:[]}],yAxis:[{type:"value",splitLine:{show:!0,lineStyle:{type:"dashed",color:"#256980"}}}],series:[{name:"访客人数",type:"line",stack:"Total",smooth:!0,lineStyle:{width:0},showSymbol:!1,areaStyle:{opacity:.8,color:new O(0,0,0,1,[{offset:0,color:"#18394A"},{offset:1,color:"#2885A4"}])},emphasis:{focus:"series"},data:[]},{name:"下单人数",type:"line",stack:"Total",smooth:!0,lineStyle:{width:0},showSymbol:!1,areaStyle:{opacity:.8,color:new O(0,0,0,1,[{offset:0,color:"#2752A6"},{offset:1,color:"#005886"}])},emphasis:{focus:"series"},data:[]},{name:"支付人数",type:"line",stack:"Total",smooth:!0,lineStyle:{width:0},showSymbol:!1,areaStyle:{opacity:.8,color:new O(0,0,0,1,[{offset:0,color:"#005685"},{offset:1,color:"#355969"}])},emphasis:{focus:"series"},data:[]}]});return it(()=>{n()}),(y,r)=>(u(),p(D,null,[Me,Ie,t("div",Oe,[t("div",Le,v(d.area_name),1),(u(!0),p(D,null,L(a,(g,B)=>(u(),p("div",{class:F(["town-li",{act:g.street_code==_.areaCodes.streetCode}]),onClick:h=>o(g.street_code)},v(g.street_name),11,ze))),256)),f.value?(u(),p("div",He)):z("",!0)])],64))}},Fe="/sss/assets/DRDD-3Gt_OwIp.png",Ue=t("img",{src:Fe,style:{position:"absolute",width:"100%",height:"100%"},alt:""},null,-1),je=t("div",{style:{height:"5vh"}},null,-1),Re={key:0},We={__name:"bottomRight",props:{areaCodes:Object},setup(S){nt(S.areaCodes).then(a=>{a.data.geoStreetList.forEach(n=>{o.data.push([n.street_name,n.today_order_amount,n.yesterday_order_amount])})});const o=C({header:["所属片区","当日订单金额","昨日订单金额"],headerBGC:"#223B7E",align:["center","center","center"],rowNum:10,data:[]});return(a,d)=>{const n=H("dv-scroll-board");return u(),p(D,null,[Ue,je,o.data.length?(u(),p("div",Re,[E(n,{config:o,style:{width:"96%",height:"40vh","margin-left":"2%"}},null,8,["config"])])):z("",!0)],64)}}},Te={key:0,class:"center"},qe={class:"body"},Qe={class:"l"},Ke={class:"c",id:""},Ye={class:"r"},Ve={class:"foot"},Xe={class:"foot-l"},Je={class:"c"},Ze={class:"r"},as={__name:"index",setup(S){lt();const _=M(!0),o=rt(),a=C({...o.area});return setTimeout(()=>{_.value=!1},1e3),(d,n)=>{const m=H("dv-loading");return u(),p(D,null,[_.value?(u(),p("div",Te,[E(m,null,{default:ct(()=>[P("Loading...")]),_:1})])):z("",!0),t("div",{class:"box",style:dt({opacity:_.value?0:1})},[t("div",qe,[t("div",Qe,[E(Ct,{areaCodes:a},null,8,["areaCodes"])]),t("div",Ke,[E(pe,{areaCodes:a},null,8,["areaCodes"])]),t("div",Ye,[E(ke,{areaCodes:a},null,8,["areaCodes"])])]),t("div",Ve,[t("div",Xe,[E(Ne,{areaCodes:a},null,8,["areaCodes"])]),t("div",Je,[E(Ge,{areaCodes:a},null,8,["areaCodes"])]),t("div",Ze,[E(We,{areaCodes:a},null,8,["areaCodes"])])])],4)],64)}}};export{as as default};
|