You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
14 KiB
1 lines
14 KiB
import{d as D,r as w,l as E,ap as Y,h as o,c as i,e as d,w as a,i as y,a as e,F as r,O as v,n as _,bT as A,aG as T,az as I,ac as M,a0 as N,E as S,V as U,ad as O,p as P,g as R}from"./index-4c331f20.js";/* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import"./el-tooltip-4ed993c7.js";import{i as G}from"./index-d2519496.js";import{_ as L}from"./_plugin-vue_export-helper-c27b6911.js";const s=C=>(P("data-v-1a739ae3"),C=C(),R(),C),q={class:"min-w-[100px] min-h-[650px] p-[15px] bg-white tab-index"},J={class:"flex w-full justify-between flex-wrap"},K=["onClick"],Q={class:"flex items-center"},W=s(()=>e("div",{class:"text-[14px]"},"预计收入",-1)),X=s(()=>e("div",{class:"ml-[5px] text-[14px]"},"(元)",-1)),Z=s(()=>e("div",{class:"nc-iconfont nc-icon-bangzhuV6xx wenHao text-[#666] ml-[12px]"},null,-1)),ee=s(()=>e("div",{class:"text-[25px] font-bold"},"0.00",-1)),te=["onClick"],se={class:"flex items-center"},ae=s(()=>e("div",{class:"text-[14px]"},"访客人数",-1)),le=s(()=>e("div",{class:"nc-iconfont nc-icon-bangzhuV6xx wenHao text-[#666] ml-[12px]"},null,-1)),oe=s(()=>e("div",{class:"text-[25px] font-bold"},"0",-1)),ie={class:"flex w-full justify-between flex-wrap"},de=["onClick"],ne={class:"flex items-center"},ce=s(()=>e("div",{class:"text-[14px]"},"预计收入",-1)),xe=s(()=>e("div",{class:"ml-[5px] text-[14px]"},"(元)",-1)),pe=s(()=>e("div",{class:"nc-iconfont nc-icon-bangzhuV6xx wenHao text-[#666] ml-[12px]"},null,-1)),re=s(()=>e("div",{class:"text-[25px] font-bold"},"0.00",-1)),ve=["onClick"],_e={class:"flex items-center"},fe=s(()=>e("div",{class:"text-[14px]"},"访客人数",-1)),ue=s(()=>e("div",{class:"nc-iconfont nc-icon-bangzhuV6xx wenHao text-[#666] ml-[12px]"},null,-1)),me=s(()=>e("div",{class:"text-[25px] font-bold"},"0",-1)),he={class:"flex w-full justify-between flex-wrap"},be=["onClick"],we={class:"flex items-center"},Ce=s(()=>e("div",{class:"text-[14px]"},"预计收入",-1)),ge=s(()=>e("div",{class:"ml-[5px] text-[14px]"},"(元)",-1)),ye=s(()=>e("div",{class:"nc-iconfont nc-icon-bangzhuV6xx wenHao text-[#666] ml-[12px]"},null,-1)),Be=s(()=>e("div",{class:"text-[25px] font-bold"},"0.00",-1)),ke=["onClick"],Fe={class:"flex items-center"},Ve=s(()=>e("div",{class:"text-[14px]"},"访客人数",-1)),je=s(()=>e("div",{class:"nc-iconfont nc-icon-bangzhuV6xx wenHao text-[#666] ml-[12px]"},null,-1)),ze=s(()=>e("div",{class:"text-[25px] font-bold"},"0",-1)),He={class:"flex w-full justify-between flex-wrap"},$e=["onClick"],De={class:"flex items-center"},Ee=s(()=>e("div",{class:"text-[14px]"},"预计收入",-1)),Ye=s(()=>e("div",{class:"ml-[5px] text-[14px]"},"(元)",-1)),Ae=s(()=>e("div",{class:"nc-iconfont nc-icon-bangzhuV6xx wenHao text-[#666] ml-[12px]"},null,-1)),Te=s(()=>e("div",{class:"text-[25px] font-bold"},"0.00",-1)),Ie=["onClick"],Me={class:"flex items-center"},Ne=s(()=>e("div",{class:"text-[14px]"},"访客人数",-1)),Se=s(()=>e("div",{class:"nc-iconfont nc-icon-bangzhuV6xx wenHao text-[#666] ml-[12px]"},null,-1)),Ue=s(()=>e("div",{class:"text-[25px] font-bold"},"0",-1)),Oe=s(()=>e("div",{class:"text-[14px] color-[#333] h-[42px] leading-[42px]"}," 自定义时间选择 ",-1)),Pe={class:"flex items-center"},Re=s(()=>e("span",{class:"mr-[10px]"},"选择时间:",-1)),Ge={class:"dialog-footer"},Le={class:"flex w-full justify-between flex-wrap"},qe=["onClick"],Je={class:"flex items-center"},Ke=s(()=>e("div",{class:"text-[14px]"},"预计收入",-1)),Qe=s(()=>e("div",{class:"ml-[5px] text-[14px]"},"(元)",-1)),We=s(()=>e("div",{class:"nc-iconfont nc-icon-bangzhuV6xx wenHao text-[#666] ml-[12px]"},null,-1)),Xe=s(()=>e("div",{class:"text-[25px] font-bold"},"0.00",-1)),Ze=["onClick"],et={class:"flex items-center"},tt=s(()=>e("div",{class:"text-[14px]"},"访客人数",-1)),st=s(()=>e("div",{class:"nc-iconfont nc-icon-bangzhuV6xx wenHao text-[#666] ml-[12px]"},null,-1)),at=s(()=>e("div",{class:"text-[25px] font-bold"},"0",-1)),lt=A('<div class="w-full flex justify-between mt-[20px]" data-v-1a739ae3><div class="w-[68%] h-[115px] bg-[#f2f3f5] flex justify-between" data-v-1a739ae3><div class="flex flex-col justify-center h-76px" data-v-1a739ae3><div class="text-[14px] ml-[15px]" data-v-1a739ae3>收入总额</div><div class="text-[24px] ml-[15px]" data-v-1a739ae3>433.00</div></div><div class="flex flex-col justify-center items-center w-[50px] h-76px text-[18px]" data-v-1a739ae3> = </div><div class="flex flex-col justify-center h-76px" data-v-1a739ae3><div class="text-[14px] ml-[15px] mt-[10px]" data-v-1a739ae3>收入总额</div><div class="text-[24px] ml-[15px] mb-[10px] mt-[5px]" data-v-1a739ae3>433.00</div><div class="text-[#105CFB] text-[14px] cursor-pointer ml-[15px] mt-[-5px]" data-v-1a739ae3> 明细 </div></div><div class="flex flex-col justify-center items-center w-[50px] h-76px" data-v-1a739ae3> + </div><div class="flex flex-col justify-center h-76px" data-v-1a739ae3><div class="text-[14px] ml-[15px] mt-[10px]" data-v-1a739ae3>收入总额</div><div class="text-[24px] ml-[15px] mb-[10px] mt-[5px]" data-v-1a739ae3>433.00</div><div class="text-[#105CFB] text-[14px] cursor-pointer ml-[15px] mt-[-5px]" data-v-1a739ae3> 明细 </div></div><div class="flex flex-col justify-center items-center w-[50px] h-76px text-[18px]" data-v-1a739ae3> + </div><div class="flex flex-col justify-center h-76px" data-v-1a739ae3><div class="text-[14px] ml-[15px] mt-[10px]" data-v-1a739ae3>收入总额</div><div class="text-[24px] ml-[15px] mb-[10px] mt-[5px]" data-v-1a739ae3>433.00</div><div class="text-[#105CFB] text-[14px] cursor-pointer ml-[15px] mt-[-5px]" data-v-1a739ae3> 明细 </div></div><div class="flex flex-col justify-center items-center w-[50px] h-76px text-[18px]" data-v-1a739ae3> + </div><div class="flex flex-col justify-center h-76px" data-v-1a739ae3><div class="text-[14px] ml-[15px] mt-[10px]" data-v-1a739ae3>收入总额</div><div class="text-[24px] ml-[15px] mb-[10px] mt-[5px]" data-v-1a739ae3>433.00</div><div class="text-[#105CFB] text-[14px] cursor-pointer ml-[15px] mt-[-5px]" data-v-1a739ae3> 明细 </div></div><div class="flex flex-col justify-center items-center w-[50px] h-76px text-[18px]" data-v-1a739ae3> + </div><div class="flex flex-col justify-center h-76px mr-[20px]" data-v-1a739ae3><div class="text-[14px] ml-[15px] mt-[10px]" data-v-1a739ae3>收入总额</div><div class="text-[24px] ml-[15px] mb-[10px] mt-[5px]" data-v-1a739ae3>433.00</div><div class="text-[#105CFB] text-[14px] cursor-pointer ml-[15px] mt-[-5px]" data-v-1a739ae3> 明细 </div></div></div><div class="w-[30%] h-[115px] bg-[#f2f3f5] flex" data-v-1a739ae3><div class="flex flex-col justify-center w-[149px] h-76px" data-v-1a739ae3><div class="text-[14px] ml-[15px]" data-v-1a739ae3>收入总额</div><div class="text-[24px] ml-[15px]" data-v-1a739ae3>433.00</div></div><div class="flex flex-col justify-center items-center w-[50px] h-76px text-[18px]" data-v-1a739ae3> = </div><div class="flex flex-col justify-center w-[149px] h-76px" data-v-1a739ae3><div class="text-[14px] ml-[15px] mt-[10px]" data-v-1a739ae3>收入总额</div><div class="text-[24px] ml-[15px] mb-[10px] mt-[5px]" data-v-1a739ae3>433.00</div><div class="text-[#105CFB] text-[14px] cursor-pointer ml-[15px] mt-[-5px]" data-v-1a739ae3> 明细 </div></div><div class="flex flex-col justify-center items-center w-[50px] h-76px" data-v-1a739ae3> + </div><div class="flex flex-col justify-center w-[149px] h-76px" data-v-1a739ae3><div class="text-[14px] ml-[15px] mt-[10px]" data-v-1a739ae3>收入总额</div><div class="text-[24px] ml-[15px] mb-[10px] mt-[5px]" data-v-1a739ae3>433.00</div><div class="text-[#105CFB] text-[14px] cursor-pointer ml-[15px] mt-[-5px]" data-v-1a739ae3> 明细 </div></div></div></div>',1),ot=D({__name:"order",setup(C){const B=w("first"),b=w(!1),k=w(""),j=(m,n)=>{m.props.name=="fifth"&&(b.value=!0),T(()=>{F()})},x=E([{content:"盒子 1",id:1},{content:"盒子 2",id:2},{content:"盒子 3",id:3},{content:"盒子 1",id:4},{content:"盒子 2",id:5},{content:"盒子 3",id:6},{content:"盒子 3",id:8},{content:"盒子 3",id:9},{content:"盒子 3",id:10},{content:"盒子 3",id:11}]),l=w(-1),p=m=>{l.value=m.id},g=w(null),F=()=>{if(g.value!==null){const m=G(g.value),h={tooltip:{trigger:"axis"},legend:{data:["预计收入"]},xAxis:{type:"category",data:["周一","周二","周三","周四","周五","周六","周日"]},yAxis:{type:"value"},series:[{name:"预计收入",type:"line",data:[0,-20,-50,134,90,230,210]}]};m.setOption(h),m.resize({width:"auto"})}};return Y(()=>{F()}),(m,n)=>{const c=I,h=M,z=N,V=S,H=U,$=O;return o(),i("div",q,[d($,{modelValue:B.value,"onUpdate:modelValue":n[4]||(n[4]=t=>B.value=t),class:"demo-tabs",onTabClick:j,type:"card"},{default:a(()=>[d(h,{name:"first"},{label:a(()=>[y("今日")]),default:a(()=>[e("div",J,[(o(!0),i(r,null,v(x.slice(0,3),(t,f)=>(o(),i("div",{class:_(["w-[32%] border-[#eee] border-solid border-[1px] h-[90px] p-[15px] cursor-pointer",{"border-[#105CFB]":l.value==t.id,"text-[#105CFB]":l.value==t.id}]),onClick:u=>p(t)},[e("div",Q,[W,X,d(c,{class:"box-item",effect:"light",content:"统计时间内，店铺收入金额减去支出的金额",placement:"top-start"},{default:a(()=>[Z]),_:1})]),ee],10,K))),256)),(o(!0),i(r,null,v(x.slice(3),(t,f)=>(o(),i("div",{class:_(["w-[13.5%] border-[#eee] border-solid border-[1px] h-[90px] p-[15px] mt-[20px] cursor-pointer",{"border-[#105CFB]":l.value==t.id,"text-[#105CFB]":l.value==t.id}]),onClick:u=>p(t)},[e("div",se,[ae,d(c,{class:"box-item",effect:"light",content:"统计时间内，站点访问人数",placement:"top-start"},{default:a(()=>[le]),_:1})]),oe],10,te))),256))])]),_:1}),d(h,{label:"昨日",name:"second"},{default:a(()=>[e("div",ie,[(o(!0),i(r,null,v(x.slice(0,3),(t,f)=>(o(),i("div",{class:_(["w-[32%] border-[#eee] border-solid border-[1px] h-[90px] p-[15px] cursor-pointer",{"border-[#105CFB]":l.value==t.id,"text-[#105CFB]":l.value==t.id}]),onClick:u=>p(t)},[e("div",ne,[ce,xe,d(c,{class:"box-item",effect:"light",content:"统计时间内，店铺收入金额减去支出的金额",placement:"top-start"},{default:a(()=>[pe]),_:1})]),re],10,de))),256)),(o(!0),i(r,null,v(x.slice(3),(t,f)=>(o(),i("div",{class:_(["w-[13.5%] border-[#eee] border-solid border-[1px] h-[90px] p-[15px] mt-[20px] cursor-pointer",{"border-[#105CFB]":l.value==t.id,"text-[#105CFB]":l.value==t.id}]),onClick:u=>p(t)},[e("div",_e,[fe,d(c,{class:"box-item",effect:"light",content:"统计时间内，站点访问人数",placement:"top-start"},{default:a(()=>[ue]),_:1})]),me],10,ve))),256))])]),_:1}),d(h,{label:"7日内",name:"third"},{default:a(()=>[e("div",he,[(o(!0),i(r,null,v(x.slice(0,3),(t,f)=>(o(),i("div",{class:_(["w-[32%] border-[#eee] border-solid border-[1px] h-[90px] p-[15px] cursor-pointer",{"border-[#105CFB]":l.value==t.id,"text-[#105CFB]":l.value==t.id}]),onClick:u=>p(t)},[e("div",we,[Ce,ge,d(c,{class:"box-item",effect:"light",content:"统计时间内，店铺收入金额减去支出的金额",placement:"top-start"},{default:a(()=>[ye]),_:1})]),Be],10,be))),256)),(o(!0),i(r,null,v(x.slice(3),(t,f)=>(o(),i("div",{class:_(["w-[13.5%] border-[#eee] border-solid border-[1px] h-[90px] p-[15px] mt-[20px] cursor-pointer",{"border-[#105CFB]":l.value==t.id,"text-[#105CFB]":l.value==t.id}]),onClick:u=>p(t)},[e("div",Fe,[Ve,d(c,{class:"box-item",effect:"light",content:"统计时间内，站点访问人数",placement:"top-start"},{default:a(()=>[je]),_:1})]),ze],10,ke))),256))])]),_:1}),d(h,{label:"30日内",name:"fourth"},{default:a(()=>[e("div",He,[(o(!0),i(r,null,v(x.slice(0,3),(t,f)=>(o(),i("div",{class:_(["w-[32%] border-[#eee] border-solid border-[1px] h-[90px] p-[15px] cursor-pointer",{"border-[#105CFB]":l.value==t.id,"text-[#105CFB]":l.value==t.id}]),onClick:u=>p(t)},[e("div",De,[Ee,Ye,d(c,{class:"box-item",effect:"light",content:"统计时间内，店铺收入金额减去支出的金额",placement:"top-start"},{default:a(()=>[Ae]),_:1})]),Te],10,$e))),256)),(o(!0),i(r,null,v(x.slice(3),(t,f)=>(o(),i("div",{class:_(["w-[13.5%] border-[#eee] border-solid border-[1px] h-[90px] p-[15px] mt-[20px] cursor-pointer",{"border-[#105CFB]":l.value==t.id,"text-[#105CFB]":l.value==t.id}]),onClick:u=>p(t)},[e("div",Me,[Ne,d(c,{class:"box-item",effect:"light",content:"统计时间内，站点访问人数",placement:"top-start"},{default:a(()=>[Se]),_:1})]),Ue],10,Ie))),256))])]),_:1}),d(h,{label:"自定义",name:"fifth"},{default:a(()=>[d(H,{modelValue:b.value,"onUpdate:modelValue":n[3]||(n[3]=t=>b.value=t),width:"520",draggable:"true"},{header:a(()=>[Oe]),footer:a(()=>[e("div",Ge,[d(V,{type:"primary",onClick:n[1]||(n[1]=t=>b.value=!1)},{default:a(()=>[y("确认")]),_:1}),d(V,{onClick:n[2]||(n[2]=t=>b.value=!1)},{default:a(()=>[y("取消")]),_:1})])]),default:a(()=>[e("div",Pe,[Re,d(z,{modelValue:k.value,"onUpdate:modelValue":n[0]||(n[0]=t=>k.value=t),class:"w-[100px]",type:"datetimerange","start-placeholder":"开始时间","end-placeholder":"结束时间",format:"YYYY-MM-DD HH:mm:ss","date-format":"YYYY/MM/DD ddd","time-format":"A hh:mm:ss"},null,8,["modelValue"])])]),_:1},8,["modelValue"]),e("div",Le,[(o(!0),i(r,null,v(x.slice(0,3),(t,f)=>(o(),i("div",{class:_(["w-[32%] border-[#eee] border-solid border-[1px] h-[90px] p-[15px] cursor-pointer",{"border-[#105CFB]":l.value==t.id,"text-[#105CFB]":l.value==t.id}]),onClick:u=>p(t)},[e("div",Je,[Ke,Qe,d(c,{class:"box-item",effect:"light",content:"统计时间内，店铺收入金额减去支出的金额",placement:"top-start"},{default:a(()=>[We]),_:1})]),Xe],10,qe))),256)),(o(!0),i(r,null,v(x.slice(3),(t,f)=>(o(),i("div",{class:_(["w-[13.5%] border-[#eee] border-solid border-[1px] h-[90px] p-[15px] mt-[20px] cursor-pointer",{"border-[#105CFB]":l.value==t.id,"text-[#105CFB]":l.value==t.id}]),onClick:u=>p(t)},[e("div",et,[tt,d(c,{class:"box-item",effect:"light",content:"统计时间内，站点访问人数",placement:"top-start"},{default:a(()=>[st]),_:1})]),at],10,Ze))),256))])]),_:1})]),_:1},8,["modelValue"]),lt,e("div",{ref_key:"incomeChartRef",ref:g,class:"h-[400px] mt-[40px] ml-[-90px]"},null,512)])}}});const ht=L(ot,[["__scopeId","data-v-1a739ae3"]]);export{ht as default};
|
|
|